Search

Projekt SloveniaPass obiskovalcem Slovenije omogoča enostavno in ugodno potovanje po državi. Namen diplomskega dela je bil izdelati uporabnikom prijazno in razumljivo spletno mesto SloveniaPass, ki bo funkcionalno in bo omogočalo hiter dostop do ponujenih storitev in dodatnih informacij. V teoretičnem delu smo raziskali elemente spletnih strani, postopke izdelave in sodobne trende oblikovanja spletnih mest. Pojasnili smo optimizacijo spletnih strani, sisteme za upravljanje vsebin, osnove uporabniške izkušnje in informacijsko arhitekturo. V eksperimentalnem delu smo z metodami analize raziskali konkurenco in trg, na katerega vstopamo. Primerjali smo značilnosti 5 konkurenčnih spletnih mest in izvedli anketo s 30 potencialnimi uporabniki iz Evrope. Preko tega smo določili ciljno skupino in izdelali dva značilna lika. Z uporabo orodij Adobe Illustrator in Figma smo izdelali informacijsko arhitekturo s 6 glavnimi moduli, žične modele pristajalne strani in podstrani, oblikovali logotip in celostno grafično podobo spletišča. Spletno mesto smo postavili v okolju Wordpress z vtičnikom ElementorPro pod domeno sloveniapass.com. Izvedli smo testiranje uporabniške izkušnje s 7 uporabniki v okolju Optimal Workshop Tree Testing. Rezultati testiranja uporabniške izkušnje so pokazali, da sta informacijska arhitektura in oblikovanje spletnega mesta smiselno zasnovana, razumljiva in enostavna za uporabo. S tem smo v celoti izpolnili zastavljeni namen – postavili smo skrbno izdelano spletno mesto z učinkovito uporabniško izkušnjo, ki bo v prihodnje delovalo kot podpora projektu SloveniaPass. The SloveniaPass project enables visitors of Slovenia to travel around the country easily and affordably. The aim of the thesis was to create a user-friendly and comprehensible SloveniaPass website, which will be functional and will allow quick access to the offered services and additional information. In the theoretical part, we explored the elements of websites, the development processes and current trends in website design. We explained website optimisation, content management systems, the basics of user experience and information architecture. In the experimental part, we used analytical methods to investigate the competition and the market we are entering. We compared the characteristics of 5 competing websites and carried out a survey with 30 potential users from Europe. Through this, we defined the target group and created two characteristic characters. Using Adobe Illustrator and Figma, we created an information architecture with 6 main modules, wireframes for the landing page and subpages, designed the logo and the overall graphic design of the website. The website was built in Wordpress with ElementorPro plugin under the domain sloveniapass.com. We carried out user experience testing with 7 users in the Optimal Workshop Tree Testing environment. The results of the user experience testing showed that the information architecture and design of the website is sensible, easy to understand and use. This has fully fulfilled our purpose - we have built a carefully designed website with an effective user experience that will support the SloveniaPass project in the future.

V diplomskem delu je bilo oblikovano in izdelano spletno mesto za podjetje, ki nudi specializirano programsko opremo ter druge programerske storitve. Predstavljen je bil postopek načrtovanja in oblikovanja spletnega mesta. Izdelano spletno mesto je na videz preprosto, vendar je bilo za izdelavo potrebnega veliko dela in znanja, ki sta predstavljena v diplomskem delu. Namen diplomskega dela so bili načrtovanje in razvoj spletnega mesta s prenovljeno vsebino ter oblikovanje uporabniškega vmesnika spletnega mesta za podjetje Premisa. Teoretični del je vseboval opis razlik med spletno stranjo in spletnim mestom. Nato so bili predstavljeni pojmi, ki so pomembni pri razumevanju in izdelavi spletnih mest. Prav tako so razloženi glavni koraki načrtovanja spletnih mest, kot so ciljne skupine ter informacijska arhitektura, ki smo jim sledili pri izdelavi. Opisali smo tudi sistem za upravljanje s spletnimi vsebinami WordPress, v katerem smo izdelali spletno mesto. V zadnjem delu smo predstavili pomembnost vključitve grafičnih elementov na spletno mesto. V eksperimentalnem delu smo z namenom, da pridobimo iztočnice za oblikovanje spletnega mesta, predstavili želje podjetja ter analizo obstoječega spletnega mesta. Pregledali smo spletna mesta podjetij, ki se ukvarjajo s sorodnimi dejavnostmi. Sledili so koraki načrtovanja vsebin in funkcionalnosti glede na potrebe ciljnih skupin, določanje informacijske arhitekture in izdelava žičnih modelov v programu Figma. Prenovili smo uporabniški vmesnik spletnega mesta podjetja in ga prilagodili željam podjetja. Spletno mesto smo izdelali v sistemu WordPress z dodatnimi vtičniki in temo. Ker veliko uporabnikov do spletnih mest dostopa s telefoni, smo delali po principih odzivnega oblikovanja. Na koncu smo izdelali animacijo za predstavitev izdelka in jo vključili na spletno mesto. V poglavju Rezultati so opisane funkcionalnosti končnega spletnega mesta. Podani so tudi predlogi za izboljšanje spletnega mesta. In the thesis, a website was designed and developed for a company that offers specialised software and other programming services. The process of planning and designing the website was presented. The website may appear simplistic in design, but it entails significant effort and expertise, as presented in the thesis. The thesis aimed to design and develop a website with redesigned content and to design the website's user interface for the company Premisa. The theoretical part included a description of the differences between a webpage and a website. Then, the concepts that are important in understanding and developing websites were introduced. The main steps of website design, such as target groups and information architecture, were also explained and adhered to throughout the process. The thesis included a detailed description of the WordPress web content management system, which was used as the foundation for building the website. In the last part, we presented the importance of including graphic elements on the website. In the experimental section, we presented the desires and requirements of the company, as well as conducted an analysis of the existing website. These elements served as valuable insights to inform the design process of the new website. We also looked at the websites of companies involved in related activities. This was followed by the steps of planning the content and functionality according to the needs of the target groups, defining the information architecture, and creating wireframes in Figma. The user interface of the company's website was redesigned and adapted to the company's needs. The website was built in WordPress with additional plugins and a theme. As many users access the website with their phones, we worked with responsive design principles. Finally, we created an animation to showcase the product and integrated it into the website. The results section of the thesis provided a comprehensive overview of the functionalities incorporated into the final website. Moreover, it provided valuable suggestions and recommendations for enhancing the performance and user experience of the website.

Svetovni splet ponuja izjemno bogastvo raznovrstnih vsebin, do katerih lahko dostopamo kar iz domačega naslanjača. Med njimi so tudi športno-rekreacijske vsebine za domačo vadbo, ki spodbujajo k telesni aktivnosti in poskušajo omiliti posledice sodobnega, sedečega načina življenja. Da bi vsebine dosegle svoj namen, morajo biti predstavljene na način, da uporabnike pritegnejo in jim zbudijo zanimanje, hkrati pa jim omogočijo dobro izkušnjo. Pri tem nosi ključno odgovornost tudi oblikovalec spletnega mesta. Glavni cilj diplomske naloge je bil postavitev atraktivnega, informativnega in uporabniku prijaznega spletnega mesta z raznolikimi vadbenimi vsebinami za rekreativne posameznike. Najprej smo izvedli analizo spletne konkurence, spoznali primere dobre prakse in ključne elemente, ki jih spletno mesto s športno-rekreakcijskimi vsebinami potrebuje. Pri pripravi idejne zasnove so nam pomagali tudi odgovori anketiranih potencialnih uporabnikov o njihovih potrebah glede spletnih športno-rekreakcijskih vsebin. Na podlagi ugotovitev smo določili informacijsko arhitekturo vsebin ter izdelali žične okvirje. Sledila je priprava vsebinskega dela, ki je obsegala pisanje vsebin, fotografiranje v studiu in snemanje video posnetkov različnih vadb. Pred začetkom izdelave žičnih okvirjev smo oblikovali celostno grafično podobo (logotip, izbor barv, tipografije in grafičnih elementov), za kar smo v večini uporabili programa Adobe Ilustrator in Figma. Naredili smo ročne skice žičnih okvirjev ter jih v programu Figma dodelali v končni dizajn spletnega mesta. Zadnji korak je bila postavitev spletnega mesta v programu Brackets po lastni oblikovni predlogi. Uporabili smo nabor programskih rešitev Bootstrap 5, ki je priljubljeno ogrodje HTML, CSS in JavaScript za razvoj odzivnih spletnih mest. Izdelano spletno mesto smo testirali s skupino uporabnikov. Anketiranci so izrazili pozitivno uporabniško izkušnjo: spletno mesto je pregledno, vsebuje relevantne informacije in je skladno oblikovano. Podali so tudi nekaj možnosti za nadaljnjo nadgradnjo spletnega mesta. The World Wide Web offers a great amount of different content, which we can access from the comfort of our home. These include sports and recreational content for home exercise, which encourages physical activity and seeks to mitigate the effects of a modern, sedentary lifestyle. To achieve its purpose, the content needs to be presented in a way that engages and interests users, while providing a seamless experience. The website designer has a crucial responsibility here. The main goal of the thesis was to set up an attractive, informative and user-friendly website with diverse training content for individuals. First, we performed an analysis of online competition, learned about best practices and the key elements that a website with sports and recreational content needs. The answers of potential users we interviewed about their needs for online sports and recreation content helped us prepare the conceptual design. Based on the findings, we determined the information architecture of the content and created wireframes. This was followed by content development, which included content writing, in-studio photography and video recording of various workout sessions. Before starting the production of wire frames, we designed the overall graphic image (logo, selection of colours, typography and graphic elements), mostly using Adobe Illustrator and Figma. We made hand sketches of wireframes and used Figma to refine them into the final design of the website. The last step was to set up the site in Brackets according to our own design template. We used the Bootstrap 5 suite of software solutions, which is a popular HTML, CSS and JavaScript framework for developing responsive websites. We tested the finished website with a group of users. The respondents expressed a positive user experience: the website is clear, it contains relevant information, and it is coherently designed. They also gave feedback for further upgrades of the website.

Namen diplomskega dela je bil načrtovanje, izdelava in testiranje oblikovno-funkcionalnega prototipa spletnega mesta za študentsko društvo Lista demokratičnega študentstva. V teoretičnem delu smo preučili področja uporabniških vmesnikov in uporabniške izkušnje, načela oblikovanja uporabniških vmesnikov, pomen tipografije, barv ter predstavili orodje Figma. Postopek izdelave spletnega mesta za študentsko društvo je vključeval uporabo metod testiranja uporabnosti, kot sta hevristično ocenjevanje in testiranje uporabniške izkušnje, da bi ugotovili prednosti in slabosti konkurenčnih spletnih mest. Na podlagi rezultatov smo oblikovali novo spletno mesto tako, da je ustrezalo potrebam in željam ciljnega občinstva. Z naročnikom smo opravili strukturiran intervju in na podlagi tega določili ciljno skupino ter izdelali uporabniške profile. Med postopkom oblikovanja spletnega mesta smo se osredotočili na oblikovanje informacijske arhitekture, ki je odražala želje in potrebe potencialnih uporabnikov kot tudi naročnika. Nato smo določili vizualno podobo z izbiro ustrezne barvne palete in tipografije. S pomočjo izdelanih žičnih modelov smo nato oblikovali še končen funkcionalno-oblikovni prototip spletnega mesta v okolju Figma. Uporabnost novega spletnega mesta smo preizkusili s testiranjem uporabniške izkušnje ter opredelili nadaljnje izboljšave, ki bi jih naročnik lahko v prihodnosti uvedel v spletno mesto. Funkcionalno-oblikovni prototip spletnega mesta za študentsko društvo Lista demokratičnega študentstva bo v prihodnosti društvo implementiralo v okolju Wordpress in ga uporabljalo za svoje delovanje. The aim of the diploma thesis was to design, develop and test a prototype website for the student association Lista demokratičnega študentstva. In the theoretical part we studied the fields of user interface and user experience, principles of user interface design, effects of typography and colour, and introduced the platform Figma. The process of creating a website for a student association involved using usability testing methods such as heuristic evaluation and user experience testing, to identify the strengths and weaknesses of competitors' websites. Based on the results of the analysis, we then designed a new website to meet the needs and preferences of the target audience. We conducted a structured interview with the client to identify the target audience and create user profiles. During the website design process, we focused on creating an information architecture that reflected the wants and needs of potential users as well as the client. We then defined the visual identity by selecting an appropriate colour palette and typography. Using the wireframes we created, we then designed the final functional and design prototype of the website in the Figma environment. Finally, we tested the usability of the new website by testing the user experience, and identified further improvements that the client could introduce in future. The functional and design prototype of a website for the students' association Lista demokratičnega študentstva will be implemented in Wordpress and used by the association in the future.

Namen diplomskega dela je bil prenoviti celostno grafično podobo in izdelati vizualen prototip novega spletnega mesta podjetja Moji štruklji Slovenije, ki bi bil v primerjavi z obstoječim preglednejši in bi bolje odražal enotno prepoznavno podobo. V teoretičnem delu smo raziskali načela oblikovanja spletnega mesta, uporabniško izkušnjo, uporabniški vmesnik in koncept celostne grafične podobe. Z metodo analize konkurence smo analizirali spletno ponudbo sorodnih podjetij na slovenskem trgu in njihovo vizualno podobo ter identificirali kriterije kakovosti spletnih mest. Opravili smo intervju z lastnikom podjetja in s tem pridobili dodatne informacije in napotke, ki so nas vodili po nadaljnjem procesu prenove. Izoblikovali smo nov logotip, določili barvno paleto in tipografske značilnosti ter s tem izboljšali vizualno koherentnost predstavitve podjetja. V procesu prenove spletnega mesta smo izdelali novo informacijsko arhitekturo, srednjepodrobnostne žične modele, določili vizualno podobo ter oblikovali prototipe spletnih strani za računalnike, telefone in tablice v okolju Figma. Končni rezultat diplomskega dela sta prenovljena celostna grafična podoba in izboljšan oblikovalno-funkcionalni prototip spletnega mesta, ki bosta v prihodnosti po želji lastnika podjetja lahko uporabljena in realizirana. The purpose of the diploma thesis was to redesign the corporate visual identity and create a visual prototype of a new website for the company Moji štruklji Slovenije, which would be better structured than the existing one and would better reflect a unified recognizable identity. In the theoretical part, we studied the principles of website design, user experience, user interface and the concept of corporate visual identity. Using the method of competition analysis, we analyzed the web sites of similar companies on the Slovenian market, their visual identity, and identified quality criteria. We conducted an interview with the owner of the company, and obtained additional information and recommendations that guided us throught the redesign process. We designed a new logotype, defined the colour palette and typographic features, and thus improved the visual coherence of company's presentation. In the process of the website redesign we created a new information arhitecture, medium-detailed wireframes, defined the visual identity and designed prototypes of web pages for computers, phones and tablets in the Figma environment. The final result of the thesis are a redesigned corporate visual identity and an improved design and functional protoype of the website, which can be used and realised in the near future at the request of the company owner.

Namen diplomskega dela je bil oblikovati in izdelati spletno mesto za najem oblačil, ki bo privlačno, preprosto, funkcionalno in enostavno za uporabo. V teoretičnem delu smo preučili ozadje spletnega nakupovanja in najema oblačil, smernice za oblikovanje spletnih mest, izhodišča uporabniške izkušnje in uporabniških vmesnikov ter predstavili načine testiranja uporabnosti za spletna mesta. Z metodami testiranja uporabnosti (hevristična evalvacija in testiranje uporabniške izkušnje) smo analizirali konkurenco in izpostavili prednosti in pomanjkljivosti konkurenčnih spletnih mest. Rezultate analize smo uporabili pri načrtovanju in oblikovanju novega spletnega mesta. Po opravljenem intervjuju s potencialnimi uporabniki smo določili ciljno skupino in definirali dve personi. V načrtovanju spletnega mesta smo zasnovali informacijsko arhitekturo po željah in potrebah potencialnih uporabnikov. Oblikovali smo žične modele in z izbiro barvne palete in tipografije določili oblikovno podobo spletnega mesta. S hevristično evalvacijo in testiranjem uporabniške izkušnje smo preverili uporabnost novo oblikovanega spletnega mesta ter rezultate kritično primerjali z rezultati hevristične evalvacije in testiranjem uporabniške izkušnje konkurenčnih spletnih mest. Končni rezultat diplomskega dela je novo oblikovano spletnego mesto za najem oblačil in modnih dodatkov, ki se v prihodnosti lahko realizira in uporabi na slovenskem trgu. The purpose of the thesis was to design and create an attractive, simple, functional and easy to use clothing rental website. In the theoretical part, we examined the background of online shopping and renting clothes, guidelines for designing websites, the basis of user experience and user interface, and presented ways to test websites for usability. With usability testing (heuristic evaluation and user experience testing), we analysed the competition and identified the shortcomings of competing websites. The results of the analysis were used in the planning and design of the new website. After an interview with potential users, we determined the target group and defined two personas. In planning the website, we designed the information architecture according to the wishes and needs of potential users. We designed the wireframes, and selected the colour palette and typography to finalise the design form of the site. With heuristic evaluation and user experience testing, we checked the usability of the newly designed website, and critically compared these results to the heuristic evaluation and user experience testing of competing websites. The final result of the thesis is a newly designed website for renting clothes and fashion accessories, which can be realized and put to use for the Slovenian market in the near future.

V zadnjih desetletjih se zaradi napredka v medicini in vsesplošnega izboljšanja življenjskega standarda število starejše populacije močno povečuje, kar vodi v težnjo po novih znanjih in boljšem razumevanju potreb starejših. Zato smo v sodelovanju s strokovnjaki s področja oskrbe starejših oblikovali izobraževalno-svetovalni sistem, namenjen boljšemu razumevanju potreb starejših in posledično obogatitvi njihovega vsakdanjika. Z njim želimo opolnomočiti svojce z znanjem za zagotavljanje boljše nege in oskrbe ter znanjem za prilagajanje dejavnosti potrebam vsakega posameznika. Obenem želimo nuditi osebju v domovih možnost nadaljnjega izobraževanja na njihovem delovnem področju. Namen tega magistrskega dela je predstaviti proces oblikovanja holističnega sistema z metodologijo uporabniško usmerjenega načrtovanja na aktualnem problemu, podati smernice za načrtovanje in oblikovanje izobraževalnih spletnih mest, ki upoštevajo želje uporabnikov, ter nadgraditi obstoječe rešitve in posledično ponuditi boljšo uporabniško izkušnjo. Predpostavili smo, da si večina ljudi, ki dela s starejšimi, želi bolje izobraziti o tem, kako lahko omogočijo potrebam starostnikov bolje prilagojeno tako nego kot aktivnosti. Obenem smo predvidevali, da morajo biti za uspešno vpeljavo izobraževalnega in svetovalnega sistema gradiva in znanja smiselna, uporabna in povezana v celoto ter da lahko s prilagojenimi pripomočki in aktivnostmi omogočimo starostnikom lažji in bolj raznolik vsakdan. Da bi preverili te hipoteze smo v procesu raziskovanja najprej temeljito pregledali literaturo in obstoječe rešitve ter nato nadaljevali z intervjuji, ki so omogočili dober vpogled v probleme in želje starostnikov, svojcev in zaposlenih. Odgovore smo segmentirali in z njihovo pomočjo oblikovali persone s serijo scenarijev. Na podlagi zbranih informacij smo izdelali informacijsko spletno mesto v WordPressu s pomočjo jezikov HTML in CSS, pripadajoča družbena omrežja in videovsebine. Informacijski sistem sestavljajo smernice za različne vidike nege in oskrbe starostnikov, kot so oblikovanje prostorov, nabor pripomočkov, vaj in aktivnosti za celostno oskrbo starostnikov, informacije o demenci, individualno svetovanje in izobraževanje za zaposlene na področju dela s starejšimi ter nabor storitev in ugodnosti za starejše v Sloveniji. In recent decades, advances in medicine and the general improvement of living standards have led to a sharp increase in the number of elderly people. With longer life expectancy, the demand for knowledge and understanding of the needs of the elderly also increases. We therefore wanted to create, in cooperation with experts in the field of elderly care, an educational and counselling system designed to better understand the elderly, and consequently help enrich their everyday life, equip their relatives with the knowledge to provide better care and tailor activities to the needs of each individual, and to offer staff at care homes the opportunity for further education in their field of work. The aim of this master's thesis was to present the process of creating a holistic system with a user-centred design methodology and to provide guidelines for designing educational websites that take into account user preferences and thus offer a better user experience. We hypothesized that most people who work with the elderly want to better educate themselves about how they can provide care and activities for the elderly that better meet their needs. We also assumed that in order for this to be successful, the materials need to be meaningful, useful, and very well organised. Our third hypothesis was that with adapted tools and activities we can ease and diversify the everyday life of the elderly. To test these hypotheses, we went through the research process, where we first thoroughly reviewed the literature and existing solutions, and continued with interviews, which provided a good insight into the problems and desires of the elderly, their relatives, and employees in this field. The answers were then segmented and used to form personas with a series of scenarios. Based on the collected information, we created an informational website with guidelines for various aspects of elderly care, such as space design a set of tools, exercises and activities for comprehensive care information about dementia, individual counselling and seminars for staff at care homes and a list of services and benefits available to the elderly in Slovenia. The website was created in the content management system WordPress with additional HTML and CSS coding and complemented with social networks and video contents.

Prenova spletnega mesta je organizacijsko in izvedbeno zahteven projekt, ki mora upoštevati procese in zahteve, ki omogočajo zadovoljstvo naročnika prenove, zlasti pa zagotavljajo izboljšano uporabniško izkušnjo uporabnikov spletnega mesta. Pričujoče magistrsko delo se ukvarja s prikazom in ovrednotenjem izvedbe prenove spletnega mesta Alfastreet (www.alfastreet.si). Namen prenove je bilo boljše komuniciranje podjetja Počkaj, d. o. o., s svojimi obstoječimi in potencialnimi strankami ter integracija sodobnejših elementov spletnega nastopa, kar bi uporabnikom omogočalo boljšo uporabniško izkušnjo pri interakciji s spletnim mestom. Pri prenovi sem zato izhajala iz pristopa redesigna spletnih mest avtoric Goto in Cotler (2002). Posledično sem sledila njunim petim korakom prenove, ki vključujejo definiranje ciljev in projekta, informacijsko arhitekturo spletnega mesta, vizualno oblikovanje in potrditev, izdelavo in testiranje ter končno še objavo spletnega mesta. Po dokončanem razvoju polno delujočega prototipa spletnega mesta Alfastreet sem s pomočjo kognitivnih sprehodov, ki sta jih izvedla dva strokovnjaka za uporabniško izkušnjo, ocenila uspešnost prenove in morebitna dodatna priporočila za nadgradnjo redesigna. Rezultati kognitivnih sprehodov so pokazali, da je bila prenova v veliki meri uspešna, zaradi česar se pričakuje pozitiven odziv končnih uporabnikov v smislu njihove uporabniške izkušnje. Sinteza izkušenj ob prenovi tehničnih, vsebinskih in interakcijskih elementov spletnega mesta mi je v kombinaciji z rezultati kognitivnih sprehodov tudi omogočila oblikovanje dodatnih predlogov možnih izboljšav na spletnem mestu, ki sem jih v sklepu podrobneje ovrednotila in predala naročniku v obliki seznama priporočil. A website redesign is a challenging project in terms of organisation and implementation. It demands to factor in the processes and requirements that ensure the satisfaction of the website managers and, in particular, an improved user experience of website visitors. This master thesis presents the implementation and evaluation of Alfastreet website (www.alfastreet.si) redesign. The aim of the redesign was to improve the corporate communication of the company Počkaj d. o. o. with its existing and potential customers and to integrate more modern elements of the web presence, which would allow users to have a better user experience in their interaction with the website elements. Thus, I draw on the redesign approach of Goto and Cotler (2002). Consequently, I followed their five steps of redesign, which include defining the objectives and the project, information architecture of the website, visual design and validation, production, and testing, and finally the lanch and public deployment the new website. Once the development of the fully functioning prototype of the Alfastreet website was completed, I used cognitive walkthroughs, conducted by two user experience experts, to assess the success of the redesign and collect potential additional recommendations for further redesign improvements. The findings of the cognitive walkthroughs showed that the redesign has been very successful, which is expected to result in a positive response from end-users in terms of their user experience. The synthesis of the experience of the redesign in terms of technical, content and interaction elements of the website, combined with the results of the cognitive walkthroughs, also allowed me to create a number of additional suggestions for future upgrades of the website that are elaborated in more detail in the conclusion. These were also presented to the client as a list of design recommendations.

V sklopu diplomskega dela smo načrtovali in oblikovali spletno mesto na primeru spletnega medija kosarka.si. Portal je v celoti namenjen informiranju slovenske javnosti o košarki doma in po svetu, ampak je po obliki zastarel in ne odraža dobre mere kredibilnosti. Uporabnikom smo želeli omogočiti pregledno postavitev spletnega mesta in poenostaviti proces iskanja in branja novic, predvsem na napravah z manjšo ločljivostjo. V teoretičnem delu smo prvotno pregledali knjižno ter spletno gradivo na temo oblikovanja in načrtovanja uporabniške izkušnje, nato pa pričeli z analizo dejavnikov, ki vplivajo na kakovost spletnih medijev. Analizirali smo spletne funkcionalnosti, ki izboljšujejo uporabniško izkušnjo in uporabnikovo angažiranost, saj smo želeli povečati čas, ki ga uporabnik preživi na spletnem mestu. V nadaljevanju smo naredili analizo trenutnega stanja spletnega mesta in obstoječih spletnih medijskih rešitev. Po analizi obstoječih rešitev smo se lotili izvedbe ankete in intervjuja in s segmentacijo uporabnikov in oblikovanjem person definirali ciljne uporabnike. S pomočjo oblikovane persone smo nato izdelali žični model spletnega mesta in mu določili vizualno hierarhijo, informacijsko arhitekturo ter stile. Pri načrtovanju smo se osredotočili na prikazovanje velike količine informacij na čim bolj enostaven in uporabniku prijazen način. Zadnji korak našega dela je bilo oblikovanje končne vizualne podobe spletnega mesta za namizne računalnike in mobilne telefone. As part of the diploma work, we planned and designed a website on the example of the online media kosarka.si. The portal is entirely intended to inform the Slovenian public about basketball at home and around the world, but it is outdated in its form and does not reflect a good measure of credibility. We wanted to enable users to have a clear website layout and to simplify the process of searching and reading news, especially on low-resolution devices. In the theoretical part, we initially processed the book and online material on the topic of designing and planning the user experience, and then began to analyze the factors that affect the quality of online media. We analyzed web functionalities that improve the user experience and user engagement, as our goal was to increase the time a user spends on the site. In the following, we made an analysis of the current state of the website and existing online media solutions. After analyzing the existing solutions, we started conducting a survey and interview and defined the target users by segmenting users and creating personas. With the help of a designed persona, we then created a wireframe and assigned a visual hierarchy, information architecture and new styles. While planning, we focused on displaying a large amount of information in the simplest and most user-friendly way possible. The last step of our work was to create the final visual representation of the website for desktops and mobile phones.

V diplomskem delu smo raziskovali področje spletnega oblikovanja in izdelali spletno mesto za združenje Dežela pod Krvavcem. Vsakodnevno se srečujemo z uporabo spletnih mest za iskanje informacij, kar je bilo pred nekaj leti še čista neznanka, danes pa se nam zdi nekaj popolnoma normalnega. Spletna mesta so na videz zelo preprosta, vendar se za tem skriva veliko dela in znanja, katerega smo obravnavali v diplomskem delu. V teoretičnem delu diplomske naloge je predstavljena kratka zgodovina razvoja spletnih strani, tako oblikovno kot tehnološko. Sledijo poglavja vrste spletnih mest, elementi spletnih mest in oblikovanje spletnih mest. V njih je razložena razlika med spletnim mestom in spletno stranjo ter analizirana pravila oblikovanja in razporeditve elementov. Zadnje poglavje v teoretičnem delu predstavlja in pojasnjuje postopke izdelave spletnega mesta, hkrati pa razjasni pomembne izraze, ki jih mora poznati vsak oblikovalec spletnih mest. Teoretičnemu delu sledi eksperimentalni del, v katerem je na začetku predstavljeno združenje Dežela pod Krvavcem, za katerega smo oblikovali spletno mesto. Sledijo navajanje materialov in programov, ki smo jih uporabili pri delu, ki je obravnavano v nadaljevanju. V metodologiji dela je opisano kako je potekalo eksperimentalno delo. Obsega vse od sestankov s člani združenja, anketiranja, analiziranja do končnega oblikovanja. Eksperimentalnemu delu sledijo še rezultati, kjer so predstavljeni posamezni deli končnega spletnega mesta in kratka razprava kako bo potekalo ohranjanje in nadgradnja spletnega mesta v prihodnosti. In this diploma thesis, we were researching the field of web design and created a website for the association of Dežela pod Krvavcem. A few years ago, we could not even imagine how the internet would work but now we are exposed to the use of websites every day while searching for information. Websites at first seem very simple however behind every website is a group of hardworking people with a lot of knowledge in design and programming. Therefore, in this seminar, we will discuss the most important things you need to know about building and designing a website. The theoretical part of the diploma thesis presents a short history of website development. It is followed by chapters explaining the difference between a website and a web page, and analyze the rules for designing and arranging the elements. The last chapter in the theoretical part explains the procedures for creating a website, and at the same time explains the important terms that every website designer must know. The theoretical part is followed by the experimental part, which starts with the presentation of the association Dežela pod Krvavcem, for which we designed a website. Furthermore, it is written which materials and programs we used in the experiment described below. The methodology of the work describes how the experimental work proceeded. It covers everything from meetings with members of the association, surveying, analysing, and final design. In the end, the results are presented by explaining every web page, how it is designed and how the elements are structured. Furthermore, it is discussed how the website will be maintained and upgraded in the future.

V diplomskem delu je bil predstavljen celoten postopek načrtovanja, oblikovanja in izdelave spletnega mesta za podjetje Fizioterapija Mužar, Andreja Mužar, ki je samostojno podjetje in se v osnovi ukvarja s fizioterapijo ter, poleg tega ponuja še ostale storitve. Namen diplomskega dela je bil izdelati spletno mesto, na podlagi pridobljenega znanja in raziskave teoretičnega dela. Cilj je bil izdelati spletno mesto s poudarkom na optimizirani uporabniški izkušnji, posledično pa pridobiti čim več novih uporabnikov na spletnem mestu. Teoretični del je vseboval razlago osnovnih pojmov, pomembne korake pri izdelavi in predstavitev sistemov za izdelavo spletnih mest. Tukaj smo se osredotočili na program WordPress, v katerem smo spletno mesto izdelali. Na koncu je bil definiran še pojem uporabniška izkušnja. V eksperimentalnem delu je bilo predstavljeno podjetje in njihove želje. Sledilo je načrtovanje v Adobe programih in izdelava spletnega mesta v sistemu WordPress. Pri načrtovanju smo izdelali in definirali vse korake za uspešno izdelavo spletnega mesta, od ciljev do vizualnih modelov. Informacijska arhitektura je bila izdelana s pomočjo metode razvrščanja kart. Sledila je izdelava spletnega mesta na lokalnem strežniku in prenos strani na zakupljen strežnik. Na koncu je bila izvedena anketa o zadovoljstvu uporabnikov s končnim spletnim mestom. V rezultatih in razpravi so bili predstavljeni rezultati metode dela razvrščanja kart. Ugotovili smo, da ima pri razvrščanju kart večina ciljnih uporabnikov podobno mišljenje. Rezultat diplomske naloge je bilo delujoče spletno mesto z optimizacijo uporabniške izkušnje. Pri izdelavi informacijske arhitekture smo si pomagali z metodo razvrščanja kart in s tem pripomogli k boljši razvrstitvi vsebine na spletnem mestu. Z anketo smo potrdili dobro načrtovanje in izdelavo spletnega mesta, saj so anketiranci ocenili uporabniško izkušnjo kot zelo dobro. Z anketiranjem smo tudi potrdili, da je naše spletno mesto na podlagi metode razvrščanja kart pripravljeno in optimizirano za uporabnika. The diploma thesis presented the entire process of planning, designing, and creating a website for Fizioterapija Mužar, Andreja Mužar, an independent company and mainly engaged in physiotherapy and some other services. The purpose of the diploma thesis was to create a website, based on the acquired knowledge and research of theoretical work. The goal was to create a website emphasizing an optimized user experience and, as result, gaining as many new users as possible on the site. The theoretical part included an explanation of the basic concepts, essential steps in creating and presenting systems for creating websites. Here we focused on the WordPress program in which we created the website. In the end, the concept of user experience was defined. In the experimental part, the company and their wishes were presented, followed by planning in Adobe programs, and creating a website in WordPress. During the planning, we created and defined all the steps for the successful creation of the website, from the goals to the visual models. The information architecture was created using the card sorting method, followed by creating a website on a local server and transferring the page to a live server. In the end, a survey was conducted on user satisfaction with the final site. In the results and discussion, the results of the card sorting method were presented. We found that most target users have a similar mindset when sorting cards. As a result of the thesis, there was a working website with user experience optimization. When creating the information architecture, we used the method of sorting cards, which helped to reorganize the content on the site better. We then confirmed the good design and construction of the website with the survey, as the respondents had a good user experience. We also confirmed that our site is prepared with an optimized user experience based on the card sorting method.

Spletna stran, ki je uvrščena na vrh rezultatov iskanja, v očeh uporabnikov ustvari zaupanja vredno stran oziroma podjetje, ki je predstavljeno na tej strani. Takšna stran lahko posledično pričakuje večje število obiskovalcev in željen rezultat, na primer prodajo izdelkov. Visoko uvrstitev lahko dosežemo s pomočjo optimizacije spletnega mesta za iskalnik. V diplomskem delu bodo zajeti vsi osnovni načini optimizacije, ki bodo vključeni v načrtovanje spletnega mesta, s fokusom na optimiziranje za iskalnik Google, ki je še vedno najbolj uporabljen in zanesljiv iskalnik. A website that ranks at the very top of search results creates a trusted page or company, that is featured on that page for users. Such a site can expect more visitors and desired results, for example purchase of a product. High search engine ranking can be achieved through search engine site optimization. This diploma thesis is covering all the basic optimization methods, which will be included in building a website. Focus is on optimizing for Google search engine, that is still the most used and reliable search engine.

Namen diplomskega dela je bil raziskati in postaviti spletno mesto. Njegova izdelava temelji na podrobni analizi, skrbnem načrtovanju, privlačnem oblikovanju in premišljenem razvoju. Proces izdelave spletnega mesta je zapleten postopek, pri katerem je treba ves čas upoštevati zahteve naročnika in predhodno zastavljene cilje. Le tako lahko dosežemo rezultat, ki izpolnjuje vse pogoje za dobro predstavitev izdelkov ali storitev. Spletno mesto je postalo učinkovito sredstvo za spodbujanje interakcije z občinstvom in tega se zaveda vedno večje število blagovnih znamk. Iščejo nove načine, kako spletišča narediti še bolj učinkovita, kako povečati njihovo vidnost in kako spodbuditi množico k nakupu. Enostranska spletna mesta so odlična rešitev za blagovne znamke ali podjetja, ki nimajo veliko kompleksne grafične vsebine in dolgih besedil. Gre za nezahtevno in minimalistično spletno zasnovo, ki odstrani vse nepotrebne elemente iz vmesnika in tako usmeri pozornost obiskovalca na najpomembnejšo vsebino. V korelaciji z odzivnim oblikovanjem lahko ustvarimo spletišča po meri za širši krog obiskovalcev in njihovih naprav. Rezultat diplomskega dela je postavljeno spletno mesto blagovne znamke, ki je lepo, pregledno, hitro in učinkovito. Spletišče je enostransko in oblikovno tako urejeno, da se sklada z logotipom lepotnega studia. Razdeljeno je na pet področij, vsako od njih obiskovalcu ponuja specifične podatke. Besedilnih in slikovnih vsebin ni veliko, spletišče vključuje le toliko podatkov, da se obiskovalec ne izgubi med iskanjem informacij na spletni strani. Izdelani logotip se sklada z željami in potrebami naročnika ter simbolizira lepotni studio in storitve, ki jih ponujajo. Vizualna podoba je preprosta in sodobna. Sestavljena je iz različnih elementov, ki dajejo blagovni znamki večjo prepoznavnost in lastno identiteto. The purpose of the thesis was to research and develop a website. Its production is based on detailed analysis, careful planning, attractive design and thoughtful development. Creating a website is a complex process in which it is necessary to always take into account the requirements of the client and previously set goals. This way can we achieve results that meet all conditions for a good presentation of products or services. Websites became an effective way for encouraging interactions with the public and more and more trademarks are aware of it. People are always finding new ways to make web sites more effective, to get more visibility on the world wide web, to make customers spend more time on it and to persuade them with their services. Onepage sites are a great solution for trademarks and companies that don’t need complex graphic content and a lot of text. With this approach we design a minimalistic and undemanding page, that removes all unneeded elements from the interface and gets customer to focus only on the most important content. In correlation with responsive design we create a website that is meant for a broad base of users and their devices. The results of the diploma thesis are a set up website of the brand which is beautiful, transparent, fast and efficient. The website is one-sided and designed so that it matches the logo of the beauty studio. It is divided into five areas, each of which offers the visitor specific information. There is not much text and image content and the site includes only so much information that the visitor does not lose focus while navigating the website. The logo is designed in accordance with the wishes and needs of the client and symbolizes the beauty studio and services they offer. The visual image is simple and modern. It consists of various elements that give the brand greater visibility and its own identity.

Diplomsko delo opisuje načrtovanje, oblikovanje in izdelavo spletnega mesta za podjetje M.M. Kaučič. Podjetje predstavlja turistična kmetija z nastanitvijo, ob turizmu pa se ukvarjajo tudi z rejo goveda, proizvodnjo testenin, jajc baterijske in talne reje, medu in mesnih izdelkov, v lasti imajo tudi manjšo trgovino z lokalnimi izdelki. V diplomskem delu smo opisali celoten potek dela od začetka pa vse do oddaje diplomskega dela, opisali smo tudi nadaljnje potencialno delo. Prvo poglavje obsega teorijo, ki nam omogoča lažje razumevanje eksperimentalnega dela. Delo smo začeli z oblikovanjem in pripravo spletnega mesta. Pri tem smo ustvarili idejno zasnovo, definirali smo ciljne skupine, ustvarili informacijsko arhitekturo ter žične modele. Prav tako smo opravili analizo trga. Pri razvijanju spletnega mesta, ki predstavlja pomemben del diplomskega dela, smo uporabili označevalni jezik HTML in slogovne predloge CSS, uporabili pa smo tudi programski jezik JavaScript. Na zadnji različici spletnega mesta smo za potrebe ovrednotenja uporabniške izkušnje izvedli tudi krajše testiranje. Rezultate smo pridobili s standardnim vprašalnikom za merjenje uporabniške izkušnje (UEQ), ki je prosto dostopen na spletu. Pridobljene rezultate smo nato vnesli v že vnaprej pripravljeno tabelo, pripadajočo vprašalniku, na podlagi katere so se izvedli izračuni, s katerimi smo pridobili končne vrednosti analize. Zadani cilj diplomskega dela je bil ustvariti spletno mesto, ki bo privlačno, uporabno in bo imelo dobro uporabniško izkušnjo. S pomočjo prej navedenega vprašalnika smo pokazali, da je cilj diplomskega dela uspešno dosežen. Končni rezultat diplomskega dela predstavlja spletno mesto podjetja M.M. Kaučič, ki se bo po dokončanem diplomskem delu še nadgradilo. The dissertation zeros in on the planning, designing and creating of a website for the company named M.M. Kaučič, i.e. a farm stay that additionally engages in cattle rearing, pasta manufacturing, production of battery-cage and cage-free eggs, honey and meat products. The company owners also manage a small shop that sells unique local produce. The thesis consists of the breakdown of the entire work process, from its conception all the way to the submission of the paper, including further thorough work. The first chapter encompasses the theory that facilitates a wider understanding of the experimental part. We commenced with the fundamental preparation steps, such as creating the conceptual design, defining the target groups, and constructing the sophisticated information architecture and wire models. We also conducted a market analysis. The website, which is the pivotal part of this thesis, was developed using the HTML mark-up language, CSS stylesheets and JavaScript programming language. The latest version of the website incorporated a brief evaluation carried out for the purpose of testing the user experience. The results were obtained using a standard user experience measurement questionnaire (UEQ), which is freely accessible online. The aforementioned findings were then entered into a preconstructed chart in order to perform calculations to acquire the final values of the analysis. The main objective of the thesis was to create an appealing and functional website that will provide a supreme user experience. The findings of the questionnaire point to the fact that the main hypothesis of the thesis has been successfully confirmed. The website of the company M.M. Kaučič is part and parcel of this dissertation, which will be further advanced upon the completion of the thesis.

Namen diplomskega dela je prenesti pridobljeno študijsko znanje ter raziskave teoretičnega dela v prakso. Cilj diplomskega dela je izdelati delujoče spletno mesto (SM) za resničnega naročnika, ki ga bo uporabil za svoje nadaljnje delo. Teoretični razdelek vsebuje razlago osnovnih pojmov, kaj so spletno mesto, spletna stran in domena, ter spletno gostovanje. Predstavljena je izdelava spletnih mest in čemu bi vsako podjetje to moralo imeti. Prva polovica teoretičnega dela vsebuje informacije o začetnih teoretičnih fazah izdelave zasnove, informacijske arhitekture, navigacije, v nadaljevanju izdelave SM. Sledi teoretični opis uporabniške izkušnje, razlik med Wordpress.org in Wordpress.com ter opis funkcije vtičnikov. V praktičnem delu so predstavljene nastavitve in izdelava spletnega mesta. Prikazane so: idejna zasnova in informacijska arhitektura, analize resnične konkurence ter raziskave in določitev končne ciljne skupine. Predstavljene so nastavitve Wamp serverja, nastavitve v PHP.ini, instalacija programskega vmesnika, vgradnja vtičnikov v delovno okolje in izgradnja spletnega mesta. V rezultatih je prikazana končna podoba spletnega mesta, ki je bila izdelana v programskem vmesniku Wordpress.org, z rezultati, lastnimi mnenji oz. komentarji. The purpose of this thesis is to transfer the acquired knowledge and the research for the theoretical part into actual use. The aim of the thesis is to create a functioning website for a real client who will use it for its future work. The theoretical part contains basic terms, what a website is, the webpage, the domain, and web hosting. Presented are website designing and why every business should have it. The first half of the theoretical part contains information on the initial theoretical stages of designing, information architecture, navigation, and later website production. It is followed by a theoretical description of the user experience, the difference between Wordpress.org and Wordpress.com, and a description of the plug-in features. In the practical part of the thesis, settings and website designing are outlined. Shown are conceptual designs and information architecture, analysis of real competition, research, and the determination of the final target group. Presented are the settings for WampServer, PHP.in settings, software interface installation, plug-ins installation into the work environment, and the construction of a website. The results show the final image of a website that was created in the Wordpress.org software interface, results, and a conclusion with my own opinion.

Optimizacija spletne strani je proces spreminjanja ter izboljševanja spletnih strani, zato da izboljšamo rezultate iskanj na spletnih iskalnikih ter da se naše spletno mesto čim prej in čim lažje najde na spletu. Na podlagi številnih dejavnikov iskalniki ocenijo ustreznost in berljivost spletnega mesta, preden mu dodelijo položaj ali uvrstitev na strani z rezultati iskalnika. Zato je to zelo pomemben dejavnik pri uspehu številnih podjetij, saj če te dandanes nekdo ne najde na spletu, je to skorajda enako kot, da sploh ne obstajaš. Cilj tega magistrskega dela je predstaviti problem optimizacije spletnih mest za spletne iskalnike ter prikazati, zakaj je optimizacija pomembna in kako se je lotimo. Optimizacija spletnega mesta je prikazana na primeru spletnega mesta podjetja Atriva z njihovim dovoljenjem. Najprej sem zbral teorijo o več različnih temah, kot so, kaj so prodajna spletna mesta, kako so videti dobra spletna mesta, vse o optimizaciji za iskalnike, kaj je uporabniška izkušnja, kako merimo uporabniško izkušnjo, primeri dobrih kontaktnih strani in še več. Nato sem naredil optimizacijo spletnega mesta podjetja Atriva. Najprej sem opravil nekaj meritev pred optimizacijo, nato samo optimizacijo, potem pa še nekaj meritev po optimizaciji. Nato sem predstavil rezultate, iz katerih je razvidno, da je optimizacija res zelo pomembna za spletna mesta. V petem poglavju sem pisal o svoji lastni uporabniški izkušnji na spletnem mestu Atriva. Preveril sem, kakšno je spletno mesto Atriva v primerjavi s teorijo o tem, kaj vsebuje dobro spletno mesto. Potem sem meril še uporabniško izkušnjo z uporabniškim testiranjem. To sem storil s tremi osebami, ki sem jim dal tri naloge in za vsako nalogo tri vprašanja. Zato lahko potrdim, da je uporabniška izkušnja zelo pomembna za uporabnike spletnih mest. Website optimization is the process of modifying and refining websites to improve search engine results on search engines and to make our website easily and quickly findable. Based on many factors, search engines evaluate the relevance and readability of a site before assigning it a position or ranking on a search engine results page. Therefore, this is a very important factor in the success of many companies, because if someone does not find you online these days, it is almost the same as if you didn't exist at all. The aim of this master's thesis is to present the problem of website optimization for search engines, and to show why optimization is important and to show how to address it. Website optimization is exemplified by the website of the company Atriva, with their permission. First, I came up with theory on a number of different topics, such as: what are commercial websites, what good websites look like, all about search engine optimization, what is user experience, how do we measure user experience, examples of good contact pages, and more. Then I did an optimization of Atriva's website. First I did some measurements before optimization, then I did an optimization of the site, and then some measurements after optimization. I then presented the results to help you understand that search engine optimization is really important. In chapter five, I wrote about my own user experience on the Atriva website. I checked the Atriva website compared to the theory of what a good website contains. Then I measured the user experience through user testing. I did this with the help of three people, to whom I asked three tasks and three questions for each task. For this reason, I can confirm that user experience is very important for website users.

Cilj magistrske naloge je oblikovati novo spletno mesto Računskega Sodišča Republike Slovenije. K temu sem pristopila z raziskavo potreb institucije ter analizo starega obstoječega spletnega mesta. Na podlagi rezultatov spletne analitike sem definirala sedem ciljnih skupin uporabnikov in njihove glavne potrebe. Pri analizi sem si pomagala s hevrističnim pregledom obstoječega spletnega mesta in primerjavo drugih podobnih novejših spletnih mest, z anketo z zaposlenimi in z intervjuji z novinarji ter revizorji v javni upravi. Rezultat analize je bila tabela predlaganih sprememb, ki mi je služila kot ključen dokument za koordinacijo izvedbe projekta in komunikacijo z vsemi akterji na projektu: vodstvom, skrbniki pogodbe o javnem naročilu, pisci vsebine, programerji in lektorji oz. prevajalci ter z mano, oblikovalko. Na podlagi ugotovitev sem nato načrtovala novo informacijsko arhitekturo, sistem gradnikov in vizualno podobo ter tako oblikovala novo spletno mesto računskega sodišča. Svoje delo sem med samim načrtovanjem testirala z dvema prototipoma – s prototipom informacijske arhitekture in drugič s prototipom spletnega mesta tekom nastajanja vizualne zasnove. Vzporedno sem testirala še delovanje žičnega modela in smiselnost uporabljenih gradnikov. Novo spletno mesto je nastajalo s ciljem, da bo do uporabnika prijazno in funkcionalno, vpleteno v notranje procese institucije ter da bo navzven odražalo njene strateške usmeritve. The objective of the Master's thesis was to create a new website of the Court of Audit of the Republic of Slovenia. I started by researching the needs of the client, users and analysing the old existing website. Based on the results of the Web analytics, I defined seven target groups of users and their key needs. I made a heuristic analysis of the existing website and compared it with other similar newer sites. Other methods used were an employee survey and interviews with journalists, auditors in public administration and in the commercial sector and making of personas. The result of the analysis was a table of proposed changes made from key analysis findings that served me as a key document for coordinating project implementation and communicating with all actors on the project: leadership, procurement contract administrators, content writers, programmers and proofreaders, translators and me, the designer. Based on the findings I designed a new information architecture, website building blocks system, and visual elements of the new Court of Auditors website. I tested my work during the design process with two prototypes – firstly, the prototype of the information architecture and secondly the prototype of the site during the design of website's visual elements. In parallel, I also tested the performance of the wireframe model and the use of individual components. The new site was created with the aim of being user-friendly and functional, intertwined in the internal processes of the institution and outwardly communicating the institutions strategic goals.

V diplomskem delu je predstavljena izdelava spletnega mesta za umetnika v WordPress sistemu. Osrednji področji sta izdelava spletnega mesta ter pregled in analiza vtičnikov . Temo smo si izbrali zato, ker nas objavljanje umetnin na socialnih omrežjih omejuje in smo si želeli večji nadzor nad spletno trgovino in spletno galerijo. Preden smo začeli z izdelavo spletnega mesta smo izbrali najustreznejša vtičnika za trgovino in galerijo s pomočjo testiranja in primerjanja glede na definirane zahteve. Spletno mesto smo nato namestili, mu izbrali temo, dodali personalizirane elemente, namestili vtičnike in vnesli vsebine. Na koncu smo izvedli analizo metrik uspešnosti v Google Analitiki. In my master thesis I presented the process of developing the web site for an artist, using the WordPress system. The two main subjects are the development of the web site and the overview, as well as the analysis of plugins. The theme was chosen due to the fact that posting artistic works on social media is very limiting for an artist. Besides that, our goal was to maintain control over the web-store and web-gallery. Before we started developing the web site, we chose the most suitable plugin for both the web-store and the web-gallery, with the help of testing and comparing on the basis of defined requests. Next, we installed the chosen theme, added personalized elements, plugins and inserted the contents. At the end, we performed the analysis of metrics of success in Google Analytics.

Za izdelavo spletnega portfelja je bilo potrebnih veliko pomembnih korakov, kot so pregled literature, priprava osnutkov in načrtov, analiza konkurence, ustvarjanje person, priprava žičnih in vizualnih modelov ter definicija osnovnih elementov spletnega mesta (barva in tipografija). Na podlagi vseh prej omenjenih korakov je bil spletni portfelj izdelan v sistemu WordPress. Sledila je optimizacija spletnega mesta, ki omogoča visoko rangiranje v spletnih iskalnikih. Boljša kot je optimizacija, večja je možnost, da nas ljudje opazijo. V ta namen je sledilo sledenje navodilom za boljšo optimizacijo, kot so prijazni URL naslovi, dodajanje značk "alt" slikam, ustrezna hierarhija naslovov, meta oznake in meta opis. Zelo pomemben element diplomske naloge je ta, da bi bilo spletno mesto za uporabnika prijazno in enostavno za uporabo. V ta namen je bilo izvedeno tudi testiranje, kjer je bila preverjana uspešnost, število klikov in čas pri uspešnem reševanju določenih nalog. Na podlagi tega so bili pridobljeni rezultati iz prve roke morebitnih uporabnikov spletnega mesta. Končno testiranje je pokazalo, da je bilo izdelano spletno mesto, ki je privlačno, za uporabnika enostavno, predvsem pa tudi prijazno za uporabo. To poleg dobre optimizacije za spletne iskalnike predstavlja tudi glavni cilj diplomske naloge. For the creation of an online portfolio, several essential steps were required, such as literature review, drafting of plans, competition analysis, creating a persona, preparing wireframes and mockups, and also defining basic elements of the site (colour and typography). Based on all these steps, the online portfolio was then created in WordPress. This step was followed by website optimization, which allows us to rank high in search engines. Better the optimization, greater a chance that people will notice us. Instructions for better optimization were followed, such as creating friendly URLs, images with ALT tags, the appropriate hierarchy of headings, meta tags and meta descriptions. An essential element of this thesis is making the portfolio user-friendly and easy to use. To this end, multiple testings, were carried out, where the user performance was measured, number of clicks and time needed for the user to successfully finish the given task. First-hand results were received from possible future users of the website. Final testing showed that created website is visually appealing, user-friendly and, above all, easy to use. This was, besides good search-engine optimization the primary goal of the thesis.

V diplomskem delu je opisan proces izdelave celostne grafične podobe in spletnega mesta za podjetje, ki se ukvarja z nepremičninskim posredovanjem. Pomembnost kakovostnega spletnega mesta je vedno večja, saj je ta vse bolj pogosto prvi stik, ki ga podjetje naveže s potencialnim kupcem. Na podlagi izkušnje si obiskovalec ustvari mnenje o podjetju in se odloči, ali s podjetjem v nadaljnjem želi poslovati. S tem v mislih je bilo ustvarjeno spletno mesto Slo-dom. Podjetje se ukvarja z nepremičninskim posredovanjem, na trgu pa je novo, zato je prvotni namen spletnega mesta predstavitev trgu in doseg širšega občinstva. V eksperimentalnem delu diplomskega dela je opisan proces izdelave celostne grafične podobe, od definicije ciljev, preko procesa izdelave do končnega izdelka. Postopek gradnje spletnega mesta se v prvem koraku dela začne z analizo trga, nadaljuje z določanjem ciljnih skupin in reprezentativnega uporabnika, idejne zasnove in informacijske arhitekture, nato je predstavljen sam proces izdelave spletnega mesta in končni produkt. Celostna grafična podoba je bila ustvarjena s pomočjo programa Adobe Illustrator, izvedba spletnega mesta pa je potekala z uporabo sistema za upravljanje vsebin WordPress in gradnika Divi. Analiza uporabnosti spletnega mesta je bila izvedena s pomočjo intervjujev. Ugotovljeno je bilo, da je spletno mesto po mnenju poskusnih uporabnikov všečno iz oblikovnega vidika, pri uporabi so uporabniki zadovoljni, prav tako pa so ustrezne določene funkcionalnosti in je dosežen pričakovan nivo uporabnosti. This thesis describes the process of creating a corporate visual identity and a website for a real estate company. The importance of a quality website is becoming more essential since this is often the first contact that a company makes with a potential buyer. Based on this experience, the visitor creates an opinion about the company and decides whether they want to do business with them in the future. With this in mind, we started to create the website Slo-dom. The company is new in the market of real estate brokerage, so the primary purpose of the website is to present the company to the market and reach a wider audience. In the thesis, the experimental work described the process of creating a corporate visual identity starting with the definition of goals, then defining the creative process and in the end, the final product. The process of building a website starts with the analysis of the market, continues with the definition of target groups and a representative user, conceptual design and information architecture, and finally the process of creating a website and the final product. The corporate visual identity was created using Adobe Illustrator, and the creation of the website was done using the WordPress content management system and Divi builder. Testing the website's performance was done through interviews. It was found that the website, according to test users, is successful in terms of aesthetics and functionality and achieves the expected level of usability.

Živimo v času, ko se trendi zaradi hitro napredujočih tehnologij spreminjajo, torej moramo posodabljati spletna mesta, v kolikor želimo konkurirati ponudbi na trgu. Ključno je, da je spletno mesto enostavno za uporabo, vizualno privlačno in pregledno. S tem zadovoljimo potrebe uporabnikov. Glavni namen diplomske naloge je bil analizirati obstoječe spletno mesto Naravoslovnotehniške fakultete in podati predloge za posodobitev in prenovo na podlagi odkritih pomanjkljivosti. Izvedena je bila podrobna vsebinska in tehnična analiza obstoječe strani. V teoretičnem delu diplomske naloge je poudarek na definiranju uporabniške izkušnje in postopku oblikovanja spletnih strani ter njihovi sestavi. Podrobneje so definirani pojmi znotraj poročil Google Analytics za lažje razumevanje. V eksperimentalnem delu je opisana analiza postavitve trenutne spletne strani in glavnih podstrani. Predstavljene so metode pridobivanja podatkov obstoječe strani in načini obdelave. V naslednjem poglavju smo predstavili rezultate vsebinske in tehnične analize spletnih strani, intervjuja in konkurence. Rezultat diplomske naloge so predlogi za izboljšanje vsebin obstoječega spletnega mesta in postavitve za popolno prenovo. We live in a time where we have to keep up with the trends in order to stay competitive with other websites. A website has to be easy to use, aesthetically pleasing and transparent. With these features we please our visitors needs. The purpose of this diploma is to analyse the current website of Faculty of Natural Sciences and Engineering and make proposals for the changes that should be made, based on found shortcomings. The theoretical section concentrates on defining user experience and stages of website design. The concept of Google Analytics is described in depth, along with definitions of the most used terms for easier understanding of results. Analysis of the current websites wireframe along with other methods of gathering information is found in the experimental section. Detailed information about the interview that was carried out among administrators of NTF's web pages is also found there. The results of analysis showed us in which categories the current website was lacking in. We have taken all of the information gathered from analysis into account and made suggestions for updates that should be made on the current webpages.

V diplomskem delu je podrobno predstavljen potek zasnove in izdelave prenove spletnega mesta za multikonferenco, ki se vsako leto dogaja na Inštitutu »Jožef Stefan«. Prenova je bila potrebna predvsem zaradi funkcionalnosti, ki niso zadovoljile trenutnih uporabnikov in organizatorjev, ter zaradi vsebinskih sklopov, ki na spletnem mestu niso bili dobro predstavljeni. Rezultat, torej prenovljeno spletno mesto, naj bi kar najbolje izpolnil vse želje na vseh zahtevanih področjih in olajšal uporabo. Najprej je v diplomskem delu opisana kratka zgodovina razvoja starega in modernega spleta, jeziki, ki jih uporabljamo za izdelavo spletnih mest, našteti pa so tudi sistemi za upravljanje vsebin, s katerimi si pomagamo pri izdelavi spletnih mest. Na kratko je predstavljeno tudi področje izdelave spletnih mest glede na predstavitveno in strežniško plast. Osrednji del diplomskega dela predstavi celoten potek izdelave spletnega mesta. Velik poudarek je tudi na razumevanju uporabniške izkušnje in uporabniško usmerjenega oblikovanja. Spletno mesto je bilo ustvarjeno s pomočjo WordPress sistema. Na prenovljenem spletnem mestu je bilo izvedeno testiranje uporabnosti, testiranci pa so odgovorili tudi na nekaj vprašanj, ki so se navezovala na primerjavo med starim in prenovljenim spletnim mestom. Dobljeni rezultati so bili ovrednoteni, ugotovitve pa so pokazale, ali je bilo prenovljeno spletno mesto iz stališča uporabniške izkušnje boljše kot prejšnje. Analiza vseh rezultatov je podrobno grafično predstavljena in ovrednotena. The diploma thesis, titled »Website renovation for the multiconference«, presents in detail the renovation of the website for the multiconference, which occurs every year at the Jožef Stefan Institute. The renovation was necessary, primarily because of the functionalities that did not satisfy the current users and organisers, as well as because the content was not presented properly. The renovated website should fulfil all the wishes in all required areas as best as possible, making the website easier to use. The diploma thesis describes the brief history of the development of the old and modern web, the languages we use for creating websites as well as lists the content management systems that help us build websites. Following, the field of website production is presented in terms of the presentation and data access layers. The main part presents the entire cycle of website design. A great deal of emphasis is on understanding user experience and user-oriented design as well. The website was created using the WordPress system. The user experience was tested on the final realisation of the renovated website with usability testing, the test also involving questions, related to the comparison between the old and the renovated website. The results were evaluated, and the findings showed, whether the renovated website provided an enhanced user experience, compared to the previous one. The analysis of all the results is graphically presented and evaluated in detail.

V diplomski nalogi bom predstavila kompleksen in dolgotrajen proces zamenjave celostne grafične podobe v mednarodnem podjetju. V proces je vključenih veliko različnih strokovnjakov z različnih področij. Predstavila bom izbrana orodja za uspešno vodenje tako obsežnega projekta, kjer se bom posebej posvetila pripravi multimedijskih vsebin. V diplomski nalogi bom posebno pozornost posvetila prenovi spletnega mesta in družbenih medijev. Pomembno je, da na prenovo gledamo kot na celoto, ki obsega vse komunikacijske kanale, zato bom predstavila tudi izbor tiskovin. Sledi tudi analiza prenove spletnega mesta izbranega podjetja in primerjava s konkurenco. In my diploma thesis, I will present a complex and long-lasting process of changing the entire corporate identity in an international company. The process involves many different experts from different fields. I will present selected tools for successful management of such an extensive project where I will devote special attention to the preparation of multimedia content. In my diploma thesis, I will pay special attention to the renovation of the website and social media. It is important that we look at the renovation as a whole, which comprises all communication channels, so I will also present a selection of printed matter. This is followed by an analysis of the renewal of the website of the selected company and a comparison with the competition.

Celostna grafična podoba predstavlja podjetje in je eden ključnih elementov vseh podjetij. Ker zaobjema različne elemente in izdelke, na katerih je upodobljena izbrana grafična podoba s slikovnimi, barvnimi, črkovnimi in drugimi značilnostmi, je potrebno poskrbeti predvsem tudi za to, da so ti elementi ustrezno grafično pripravljeni ter da vsebujejo pravilne nastavitve, ki bodo omogočale njihovo objavo bodisi na svetlobnih slikovnih nosilcih (najrazličnejših zaslonih) bodisi na tiskovinah. Namen diplomskega dela je bil izdelati celostno grafično podobo, ki bo uspešno predstavljala podjetje na trgu, in skladno z njo oblikovati embalažo ter zasnovati spletno mesto podjetja Milo za žajfo, ki izdeluje naravne kozmetične izdelke. Naloga je osredotočena na grafično pripravo različnih elementov celostne grafične podobe podjetja Milo za žajfo. Diplomska naloga je razdeljena na teoretični in eksperimentalni del. V teoretičnem delu sta preučena opredelitev pojma celostne grafične podobe ter potek snovanja in izvedbe, s poudarkom na ustrezni grafični pripravi posameznih elementov. V eksperimentalnem delu pa so preučeni postopki priprave gradiv in vsebine za izdelavo posameznih izbranih elementov celostne grafične podobe podjetja, pri čemer so upoštevane tako želje naročnika kot tudi tehnične značilnosti in lastnosti končnih izdelkov. Cilj diplomskega dela je bil izdelati ustrezno grafično pripravljene posamezne elemente celostne grafične podobe, ki so kakovostni, kreativni, profesionalni in estetski, ter oblikovati tiskovine, promocijski material, embalažo in spletno mesto, ki se z njimi vizualno in vsebinsko povezujejo. Corporate identity represents company and is one of the key elements of all companies. It includes business card, stamp, electronic signature, envelope, poster, various promotional materials and other items that differ according to the customer’s wishes. All these elements must be properly graphically prepared for their publication on different media, like displayed or printed materials. The purpose of the diploma thesis was to create a corporate identity that will successfully present a company on the market and in line with that design the packaging and website for the company Milo za žajfo, which produces natural cosmetic products. The task is focused on the graphic preparation of various elements of the corporate identity of the company Milo za žajfo. The diploma thesis is divided into a theoretical and experimental part. The theoretical part explains the term corporate identity, the course of design and implementation, with an emphasis on the appropriate graphic preparation of the individual elements. The experimental part explains the process of graphic preparation of various elements of the corporate identity where customers wishes, technical characteristics and characteristics of the finished products are considered. The aim of the diploma thesis was to create an appropriate graphically prepared individual elements of the corporate identity, which are of good quality, creative, professional and aesthetic, and also to design printed materials, promotion materials, packaging and a website that are visually and substantially related.

V diplomski nalogi sem se posvetila oblikovanju grafične podobe pri dveh različnih projektih. Sodelovala sem kot multimedijska podpora pri organizaciji mednarodne konference in izdelala celostno podobo mednarodnega projekta. Oba projekta sta zahtevala projektno delo. Aktivno sodelovanje pri konferenci mi je omogočilo, da se posvetim pripravi in izdelavi tiskovin, ter naučim ključnih stvari samega procesa izdelave grafične podobe. Bila sem v neposrednem stiku z naročniki, s katerimi smo skupaj določili podobo končnih izdelkov: oblikovanje reklamnega stojala, imenske priponke in plakatov. Poleg tega sem sodelovala pri izvedbi spletne strani, potrebne za prijavo na konferenco. Aktivnosti v okviru mednarodnega projekta so bile obsežnejše in vključevale več različnih partnerjev in usklajevanja. Izdelala sem tiskovine, ki bodo uporabljene pri projektu in v nadaljnjih dogodkih v sklopu tega projekta. In my theses I will focus on designing a graphic image in two different projects. I worked as multimedia support with organization of international conference and made the whole image of the international project. Both of these projects requiered group work. Active cooperation in the conference made it possible to focus on creation of printed matters and learn about the actual process of designing a grafic image. I was in a direct contact with the subscribers and together we made the final products: rollup banner, nametags and posters. Furthermore I also worked on the production of the website, specificly on the application form for the conference. The activities conected to the international project were bigger and connected more partners. I was in charge of making the graphic image that will be used in a project and all the further events connected to the same project.

Prepoznavnost samostojnega podjetnika na spletu je dandanes zelo dobrodošla, v nekaterih primerih celo nujna za preživetje podjetnika samega. Velika večina strank namreč uporablja sodobne tehnologije in išče razne informacije na spletu. Stranke so postale zelo zahtevne in nekatere celo pravijo: »Če te ni na internetu, potem sploh ne obstajaš.« Seveda je še vedno veliko odvisno od narave dejavnosti, ki jo samostojni podjetnik opravlja, saj še vedno velja rek, da dober glas seže v deveto vas, vendar nam lahko spletno mesto, ki je zasnovano na sodoben način, vsekakor prinese samo korist. Stranke želijo izvedeti vedno več informacij, vendar je dobro, da so te informacije podane v enostavnem jeziku, da jih lahko razume vsak, ne glede na njegovo strokovnost. Sodobno spletno mesto lahko poleg osnovnih informacij o podjetju in njegovi dejavnosti vsebuje tudi zanimive novice, ki se jih redno posodablja, saj lahko s tem stranko vedno znova privabimo k obisku našega spletnega mesta. Ob tem pa seveda ne smemo pozabiti na vizualno privlačnost spletnega mesta. Samostojni podjetnik lahko z zelo malo finančnega vložka sam izdela spletno mesto, saj obstaja na spletu kar nekaj brezplačnih spletnih urejevalnikov, za katera ne potrebujemo programerskih znanj in se jih lahko hitro naučimo uporabljati. Če smo kot samostojni podjetnik zelo zasedeni, lahko prosimo za pomoč strokovnjake, ki se profesionalno ukvarjajo z izdelavo sodobnih spletnih mest, saj je pomoč izkušenih strokovnjakov vedno v pomoč. The online recognisability of an entrepreneur is very welcome today, and in some cases even crucial for the survival of the entrepreneur's existence. Most customers use modern technology and devices to find different information online. Customers have become very demanding and some even say: "If you are not on the internet, then you do not even exist." Of course, a lot depends on the nature of the activity that the independent entrepreneur is performing since good reputation is still spread by word of mouth, but a modern website can only be beneficial. Customers wish to get more and more information, and such information should be presented in a simple language so everyone can understand it, regardless of their expertise. In addition to basic company information, a modern website can also contain interesting news that are regularly updated in order to maintain the customers' interest in visiting our website again. The visual appeal of the website must also not be ignored. Independent entrepreneurs can make their own websites on a low budget since there are several free web editors available that do not require any programming skills and are easy to use. If the independent entrepreneur is too busy to create their own modern website, they can employ a professional to create one for them.

Namen diplomskega projekta je ugotoviti prepoznavanje obstoječega spletnega mesta podjetja Instant Design v spletnem iskalniku Google. Na osnovi sodobne analize bo sprejeta odločitev, ali se obstoječe spletno mesto prenavlja ali pa se postavi popolnoma na novo. Diplomski projekt je sestavljen iz teoretičnega in empiričnega dela. V teoretičnem delu so predstavljene vrste in zgradbe spletnih mest. Za izdelavo spletnega mesta je podrobneje predstavljena platforma Wix, ki sledi trenutnim sodobnim trendom oblikovanja. V analitičnem delu je trenutno spletno mesto analizirano z orodjem SEOquake, ki pokaže vse ključne lastnosti, pomembne za visoko prepoznavnost v spletnih brskalnikih. Na osnovi te analize je bila sprejeta odločitev o zasnovi novega spletnega mesta in predstavljena pot od zasnove do objave. Po objavi je potrebno spletno mesto optimizirati in predstavljeni so zadnji trendi spletne optimizacije t.i. SEO. Za zahtevnejšo optimizacijo je predstavljen način izdelave zunanjih povezav. Trendi oblikovanja in trženja spletnih mest so se v desetletju korenito spremenili, zato spletna mesta, izdelana s starimi orodji, ne prinašajo pričakovanih rezultatov prepoznavnosti v današnjem spletnem okolju. The purpose of this work is to identify the identification of an existing Instant Design Web site in the Google search engine. On the basis of a modern analysis, a decision will be made whether the existing website will be renewed or will be being reinstated. The work consists of theoretical and analytical parts. The theoretical part presents the types and structures of websites. To create a website, the WIX platform is presented in more detail, following the current contemporary design trends. In the analytical section, the current site is analysed using the SEOquake tool, which shows all the key features important for high visibility in Internet browsers. On the basis of this analysis, a decision will be made to design a new website and present the route from concept to publication. After publishing, the website needs to be optimized, where the latest trends in SEO optimization are presented. For a more sophisticated optimization, the way of creating external connections is presented. The trends in the design and marketing of websites have changed radically over the decade, so websites created with old tools do not bring the expected results of visibility in today's online environment.

Izdelali smo novo celostno grafično podobo in spletno mesto glasbene skupine ArsGroova, saj se obstoječa celostna grafična podoba in spletna stran ne skladata z glasbo, ki jo skupina izvaja. V teoretičnem delu smo preučili osnove za opredelitev likovnega izraza glede na glasbeni žanr skupine (funk in groove), elemente celostne grafične podobe ter opredelili osnove oblikovanja in razvijanja spletnih strani. V izvedbenem delu smo izdelali novo celostno grafično podobo in avtorske fotografije glasbenikov. Skladno s tem smo oblikovali novo spletno mesto in razvili (front-end development) spletno mesto z odzivnim oblikovanjem, prilagojenim za računalniške zaslone in mobilne telefone. We created a new corporate identity and website for a music group called ArsGroova since the existing corporate identity and website does not match the music performed by the group. In the theoretical part we examined the basics for determining the visual expression according to the genre of the group (funk and groove), the elements of the corporate identity and defined the basics of designing and developing web pages. Later on we created a new corporate identity and photographs of the musicians. Accordingly, we have designed a new website and developed a (front-end development) website with a responsive design, adapted for computer screens and mobile phones.

Dandanes sta splet in izdelava spletne strani postala nuja za podjetja. Podjetja so spoznala, da jim prinašata nove poslovne možnosti ter jim kakovostno spletno mesto prinaša konkurenčno prednost pred ostalimi podjetji. Spletna predstavitev podjetja je torej ključnega pomena, saj tudi odloča o tem, ali bomo obiskovalca našega spletnega mesta prepričali z mestom in se bo redno vračal na njo, ali pa bo našo spletno mesto zapustil razočaran. V diplomskem delu smo opredelili spletno mesto in spletno stran, kakšne vrste spletnih mest vse poznamo in kateri so specifični elementi spletnih mest. Opisali smo tudi kriterije in značilnosti dobrih in slabih spletnih mest, ki so nam bili zelo v pomoč pri nadaljnjem analiziranju spletnega mesta. Opisali smo tudi kakšna je uporabnost spletnih mest in kakšni so trendi spletnih mest v današnjem času, saj se vsako leto spreminjajo. Če sledimo najnovejšim trendom, bomo skoraj zagotovljeno vedno imeli obiskovalce na našem spletnem mestu. Na koncu pa smo še opisali predstavitev podjetja na spletu. Pri pisanju smo se omejili na razpoložljivo literaturo in informacije, ki niso zaupne narave ter predvsem na vire, ki so na voljo na spletu, ker smo mnenja, da je takšna tema diplomskega dela, o katerem se da veliko izbrskati na spletu. Torej tako teoretičnemu delu sledi praktični del, v katerem smo pridobljena teoretična znanja uporabili za analizo spletno mesto Steklarstvobreg.com. Analizirali smo jo glede na vsebino, vrsto spletnega mesta, oblikovno podobo, navigacijo, interaktivnost in uporabnost ter podali predlog za izboljšavo spletnega mesta. Analizirano spletno mesto je zastarelo spletno mesto, ki ga podjetje ne vzdržuje in že od leta 2014 ostaja enako, brez večjih sprememb. Zato smo se odločili, da ustvarimo novo spletno mesto za to podjetje in upoštevamo najnovejše trende, ki smo jih v teoriji opisali. Tega smo se lotili prek spleta, na Wixsite.com, kjer lahko zastonj in brez večjega napora ustvarimo novo spletno mesto. Za kakovostno spletno mesto je potrebno upoštevati najnovejše trende ter spletno mesto redno in učinkovito vzdrževati. Predvsem pa je potrebno prisluhniti željam ter potrebam obiskovalcev spletnih mest, saj bodo ti v prihodnosti edini vir, s katerim bo poslovanje podjetja uspešno delovalo. Today, the internet and posting of a webpage on it have become a necessity for companies which have realised that these two bring new business opportunities and that a quality webpage provides a competitive advantage over other companies. On-line placement of the company is therefore of key importance since it decides whether the person who visits a web page is attracted by it and will regularly return to it, or the visitor will leave it disappointed. This diploma thesis defines the website and the webpage, which types of webpages there are, and what the specific elements of a webpage are. We have described the criteria and characteristics of good and bad webpages which were of great help with the further analysis of the webpage. Furthermore, the usefulness of websites is presented along with the current trends for websites since they change yearly. If we follow the latest trends, this will almost certainly constantly bring visitors to a webpage. Finally, the company's on-line presentation is described. During the writing of the thesis, we limited ourselves to the available sources and information which were not of confidential nature, and especially to sources available on the internet since we believe that the topic of this diploma work is such that provides plenty of information on-line. The theoretical part is thus followed by a practical part in which the acquired theoretical knowledge is used for the analysis of the webpage Steklarstvobreg.com. It was analysed according to content, type of the website, design image, navigation, interactivity, and usefulness, and suggestions were made for the improvement of the webpage. The analysed webpage is an outdated webpage, unmaintained by the company and has remained the same since 2014, lacking any major updates. Thus, we have decided to create a new webpage for this company considering the latest trends described in the theoretical part. This was done on-line, at Wixsite.com, where anyone can create a new website free of charge and with fairly little effort. To have a quality website, one needs to consider the latest trends and update the webpage regularly and efficiently. But above all, the wishes and needs of website visitors need to be heard since in the future they will be the only source for the successful operation of the company.

Nahajamo se v dobi digitalizacije. Virtualni svet, v katerega spadajo računalniki, telefoni, tablice, ure in še mnoge druge pametne naprave, zavzema vedno večji del našega življenja. Tudi poslovanje se v zadnjem času opravlja na elektronskih napravah, trenutno je vezano predvsem na internet in spletna mesta. Če želimo dobro poslovati, moramo namreč imeti tudi dobro spletno mesto. Dobrega spletnega mesta pa ne moremo zgolj postaviti in kasneje vzdrževati. Potrebno ga je neprestano posodabljati in prilagajati trendom, ki trenutno veljajo v svetu. Najboljši način za posodabljanje spletnega mesta pa je, da ga analiziramo. V diplomskem projektu smo se torej osredotočili na spletna mesta, zanimalo nas je predvsem, kaj le-ta sploh so in kakšne vrste le-teh poznamo. Primerjali smo jih s portali in kasneje opisali še njihovo izdelavo. V nadaljevanju smo se posvetili analiziranju spletnih mest, in sicer analiziranju spletnih mest plavalnih zvez Slovenije, Hrvaške in Avstrije. Ker je bilo spletno mesto Plavalne zveze Slovenije v zadnjem letu posodobljeno in ker smo imeli dostop tudi do analize, ki je bila opravljena pred prenovo, smo preverili še napredek pri postavitvi spletnega mesta. Naš cilj diplomskega dela je torej bil analizirati spletna mesta in jih medsebojno primerjati. We live in era of digitization. Our world is becoming more virtual with every day and by that we mean that computers, phones, tablets, smart watches and many other smart devices, are taking a huge part of our lives. They are all connected to internet which gives us benefits of working and doing our business from almost any place on our world. To be able to be good at our business, one needs a website that is remarkable, therefore good. A good website can not only be installed and subsequently maintained. It needs to be constantly updated and adapted to the trends currently used in the world. The most appropriate way to update your site is to analyze it. In this project, we focused on websites, mainly on how they are built and what are current trends of design. We also devoted our attention to the analysis of websites, namely the analysis of the websites of swimming associations of Slovenia, Croatia and Austria. Since the website of the Swimming Association of Slovenia was updated in the last year, we had access to the analysis that was carried out before the renovation. We also checked the progress made in setting up the new site. Our goal of project was therefore to analyze and compare those websites.

Tema diplomskega seminarja je izdelava spletnih mest s pomočjo brezplačnih orodij. V današnjem času podjetja nujno potrebujejo spletno mesto, saj večina ljudi pridobi informacije na svetovnem spletu in za nekatera podjetja je strošek izdelave spletnega mesta prevelik, zato smo v diplomskem projektu preverjali, ali lahko izdelamo spletno mesto brez znanja programiranja in ali je spletno mesto, izdelano z brezplačnimi orodji, vseeno lahko videti profesionalno. Namen diplomskega projekta je primerjava funkcionalnosti dveh brezplačnih orodij za izdelavo spletnega mesta. Testirali smo orodji Google Sites in Wix. Ti sta si v veliki meri med seboj zelo podobni, uporabniški vmesnik se sicer rahlo razlikuje, funkcionalnost orodij pa kar precej. Da smo lahko orodji primerjali, smo v skladu s fazami življenjskega cikla izdelave spletnih mest izdelali dve podobni spletni mesti in to nato primerjali. The topic of the thesis is the creation of websites using free tools. Given the fact that nowadays most people acquire information on the World Wide Web, it is not surprising that vast majority of companies need their own website. For smaller companies, the costs of making the website are often too high. For that reason we analyzed possibilities of website creation without the knowledge of programming, using free tools which allow users to create professional looking websites. The main purpose of the thesis is to compare the functionality of two free tools for website creation. We have tested the Google site and Wix. The tools are very similar to each other, however, while the user interface is just slightly different, the functionality of the tools varies considerably. In order to be able to compare the tools, we created two similar sites in accordance with the phases of the web site lifecycle process and then compared them.

V diplomskem delu je teoretično opisano elektronsko trgovanje, s podrobnim prikazom trgovanja med podjetjem in potrošnikom (B2C). Predstavljene so prednosti in slabosti ter varnosti in zlorabe plačevanja preko spleta. V drugem poglavju je predstavljeno spletno mesto z opisanimi kriteriji kakovosti spletnega mesta. Podrobneje smo analizirali in primerjali spletno trgovino Mercator in Walmart. Ugotavljamo da sta si spletni trgovini zelo podobni po uporabnosti in vsebini. Summary The diploma project is divided into 2 parts, the theoretical and the practical part. In the first we will be familiarized with electronic trading and websites. In the practical part we will analyse the criteria of quality for the Slovene online store Merkator and foreign online shops Walmart. In the first part we have the theoretical description of electronic trade with a detailed outline of trade between the company and the consumer (B2C). We introduce the advantages and disadvantages as well as security and payment fraud through the internet. In the second part we introduce a website with the described criteria of website quality. We took a closer look and analysed and compared the criteria of quality for shopping websites. The results reveal that the two are both very similar based on usefulness and content.

Diplomsko delo obravnava primer prenove spletnega mesta podjetja ProteusThemes, ki prodaja WordPress teme. V uvodnem delu je najprej opredeljena prenova spletnih mest, nato pa je razloženo načrtovanje analize konkurence ter uporabnika pri prenovi spletnega mesta. Podane so metode in postopki za lažjo izvedbo ankete obiskovalcev spletnega mesta, predstavljeno pa je tudi orodje za merjenje spletne analitike. Cilji diplomske naloge so bili preučiti trenutno stanje spletnega mesta, zlasti z vidika strukture spletnega mesta, ugotoviti, kdo je uporabnik spletnega mesta, analizirati druge konkurenčne ponudnike ter dobiti rešitve in predloge za spletno mesto podjetja. S pomočjo oblikovanih opazovalnih tabel je bila izvedena analiza konkurenčnih podjetji, kjer smo opazovali tri najpomembnejša spletne strani tovrstnih podjetji: pristajalno stran, stran s knjižnico tem in prodajno stran teme. Na spletnem mestu ProteusThemes smo izvedli anketo, s pomočjo katere smo ugotovili, kdo je uporabnik in kakšni so njegovi nameni. S pomočjo analize podatkov iz spletnega analitika smo tudi ugotovili, kdo je največja konkurenca podjetju. Identificirane so bile šibke točke trenutnega spletnega mesta in točke, kjer ima podjetje možnost, da se izboljša in tako postane bolj konkurenčno na trgu. Iz rezultatov je razvidno, da spletno mesto v večini uporabljajo osebe s predznanjem WordPressa. Po uporabljenih metodah so bila izdelana še priporočila in smernice za nadaljne raziskave pri prenovi prodajnega spletnega mesta. The diploma thesis is a study case of redesigning the ProteusThemes website, which sells WordPress themes. The introductory part defines the redesign of the websites and explains the importance of planning the analysis of competition and why it’s important to include users in the redesign process of the website. Methods and procedures are given to make the performance of survey easier, and a tool for measuring web analytics is explained. The goal of the diploma thesis was to check the current state of the website, especially in terms of structure of the website, to find out who the website user is, to analyze other competitive providers and to obtain solutions and suggestions for the company's website. An analysis of competing companies was carried out with the help of designed observation tables, where we observed three of the most important websites of such companies: landing page, page with the library of products and the sales page of the product. On the current ProteusThemes website we made a survey which showed us who the user is and what is its purpose. From the website analytics we found out who is the company’s biggest competition. Weak areas of the current website were identified, also areas where the company has the potential of improvement and be more competitive in the market. The results show that the site is mostly used by people with the knowledge of WordPress. With these methods, recommendations and guidelines were developed for further research in the redesign of the sales website.

V diplomskem delu je opisan proces oblikovne prenove spletnega mesta za manjše slovensko podjetje. Proces oblikovne prenove spletnega mesta ne zajema le ideje in postavitve elementov v neko obliko, ampak tudi poznavanje osnov spletnega oblikovanja, analizo trenutnega stanja in konkurenčnih spletnih mest, poznavanje končnih uporabnikov in zbiranje vsebine. Preko teh korakov lahko oblikujemo barvne sheme, izberemo tipografije, ustrezne multimedijske vsebine in ostale elemente, s katerimi kreiramo vizualno podobo spletnega mesta. Moje delo je potekalo v timu, kjer je bila moja naloga oblikovna prenova spletnega mesta. Oblikovno predlogo smo izdelali za podjetje Lesgal, d. o. o., ki je potrebovalo novo spletno mesto. K opisovanju procesa prenove smo vključili ugotovitve iz našega primera. Diplomsko delo predstavi vizualne podobe vseh strani spletnega mesta. Pri delu sem uporabljala program Adobe Photoshop. Izdelane vizualne podobe so pripravljene za nadaljnjo implementacijo v spletno mesto. This thesis presents the process of a website redesign for a small Slovenian company. The process of redesign does not only include the idea and positioning of elements in a certain shape, but also the knowledge of the basics of website design, analysis of the current situation and of competing websites, the knowledge about the final users and the preparation of the content. These steps lead to the design of the colour scheme, the choice of typography, the appropriate multimedia content and to other elements used to create the visual image of the website. My work of website redesign was completed in a team. My place in the team was to create the design image for the company Lesgal, d. o. o. that needed a new website. We included the conclusions from our own experience of redesigning a website in the description of the process. Thesis sets the visual images of each developed web page for the final website. As a design tool I used Adobe Photoshop program. The visual images designed are ready for the further implementation of the website.

Načrtovanje in izdelava spletnega mesta ter analiza uporabniške izkušnje predstavljajo dolg proces, med katerim mora imeti oblikovalec ves čas v mislih želje naročnika ter potrebe uporabnika. Tako se izdela uporabniški vmesnik, ki izpolnjuje vse pogoje za predstavitev osebe ali produkta na spletu. V teoretičnem delu diplomske naloge so s pomočjo literaturnih in internetnih virov predstavljeni posamezni koraki procesa načrtovanja in izdelave spletnega mesta. Ti koraki so pridobivanje informacij, strukturiranje vsebine, oblikovanje, skriptiranje in programiranje ter testiranja uporabniške izkušnje. V eksperimentalnem delu so ti koraki predstavljeni na konkretnem primeru načrtovanja in izdelave spletnega mesta za naročnika Bogdana Kladnika. Končni izdelek diplomskega dela je pregledno in uporabno spletno mesto, ki je primerno za predstavitev zgodbe in dela fotografa na spletu. Website development and user experience analysis is a long process. During this process the designer must at all times have in mind the wishes of the customer and the needs of the user. In this way we create a user interface which fulfills all conditions for the presentation of a person or a product on the web. In the theoretical part of this diploma thesis seperate steps of website development process are presented with the help of literary and internet sources. These steps are gaining information, structuring the content, design, scripting and programing and user experience testing. In the experiemental part these steps are presented on an actual case of the website development for the customer Bogdan Kladnik. The final product of this diploma thesis is a clear and useful website which represents the story and work of the photographer on the web.

Namen diplomskega dela je uporabnikom interneta predstaviti responsive oz. odzivno obliko spletnega mesta, in sicer na primeru, ki je znan dokaj veliki populaciji. Za primer je bilo vzeto spletno mesto hribi.net, ki trenutno ni prilagojeno manjšim zaslonom, kot so mobilni telefoni, tablični računalniki itd. Na osnovi tega se je nato načrtovala uporabniška izkušnja in oblikoval videz najbolj obiskanih strani, to so vstopna stran, predstavitev posamezne gore in predstavitev izleta. Največ poudarka je bilo namenjenega odzivni obliki, saj je to eden izmed ključnih problemov, ki se trenutno pojavlja na tej strani. V teoretičnem delu je izpostavljena glavna problematika spletnega mesta hribi.net. Pojasnjeni so pojem odzivnega dizajna, kaj sploh pomeni, da ima spletno mesto odzivno obliko, in zakaj je taka oblika v današnjem času tako zelo pomembna. Predstavljene so prednosti in slabosti odzivnih strani ter glavne komponente, na katerih je odzivni dizajn osnovan. Ker je dandanes vedno bolj pomembna uporabniška izkušnja na mobilnih telefonih, pa je predstavljen tudi način oblikovanja, kjer se najprej začne oblikovati za mobilno verzijo, nato pa se stran prilagodi še za namizno verzijo. Predstavljeni in analizirani pa so tudi podobni primeri spletnih mest, ki so bili kasneje uporabljeni za inspiracijo pri oblikovanju in načrtovanju končnega izdelka. Končni dizajn je osnovan na številnih parametrih, ki so bili pridobljeni s pomočjo ankete. Končna podoba spletnega mesta hribi.net je narejena za mobilne verzije širine 320 px. The goal of the thesis is to present the internet users with a responsive web design on an example which is fairly known to a large population. As an example we took the hribi.net website, which is currently not adapted for smaller screens, such as mobile phones, tablet computers, etc. Based on this page, we planned the user experience and designed the appearance of its most visited sites, which were the entry page, presentation of each mountain and presentation of the trip. More emphasis was devoted to the responsive form as this is one of the key problems that currently appears on this page. In the theoretical part, we expose the main problem of the web page hribi.net. We explain the term responsive design, what it means to have a responsive design and why this form of websites is very important nowadays. We present the strengths and weaknesses of responsive sites and the main component on which responsive design is based. Because the importance of user experience on mobile phones today is gradually rising, we present a design method that starts with the mobile version and is later adjusted for the desktop version. We also present and analyse the examples of similar websites, which were used for inspiration during the design process and planning of the finished product. The final design is based on a number of parameters, which were obtained through a survey. The final image of the website hribi.net is made for a mobile screen that is 320 px wide.

V današnjem poslovnem svetu spletno mesto pogosto predstavlja prvi stik potencialnega kupca s podjetjem. Zato je ključno, da je to informativno, vizualno privlačno, pregledno in enostavno za uporabo. S tem zadovoljuje potrebe uporabnikov, saj bodo ti v nasprotnem primeru spletno mesto zapustili in odšli na stran konkurence. Glavni namen diplomske naloge je bil analizirati spletno mesto podjetja Ugoda d.o.o. ter narediti prototip prenovljenega spletnega mesta, ki si prizadeva odpraviti ugotovljene pomanjkljivosti in s tem izboljšati uporabniško izkušnjo. Rezultati analize so pokazali stanje obstoječega spletnega mesta na tržišču, identificirali ključne uporabnike in njihove zahteve ter ugotovili prednosti in slabosti obstoječega spletnega mesta. Ugotovitve smo upoštevali pri izdelavi prototipa prenovljenega spletnega mesta. Tega smo po izdelavi testirali z namenom potrditi ali ovreči hipotezo: »Prenovljeno spletno mesto podjetja Ugoda bo uporabnikom bolj prijazno.« Rezultati testiranja so pokazali, da prototip prenovljenega spletnega mesta zagotavlja boljšo uporabniško izkušnjo. Podani so bili še nekateri nadaljnji predlogi, ki bi lahko v prihodnje še dodatno pripomogli k optimizaciji prenovljenega spletnega mesta. In today’s business world, the website often represents the first contact between the potential customer and the business. Therefore, it is essential, that the website is informative, visually appealing, visible and easy to use so that it meets the user’s needs. If the website does not fulfill these criteria, potential customers will go to the competitor’s site. The main purpose of the diploma thesis was to analyze the existing website of the company Ugoda d.o.o. and create a prototype of its redesign, which tries to solve the identified problems and thus improve user’s experience. The thesis analyzed the status of the existing website on the market, identified the key users, detected their expectations and pointed out the strengths and weaknesses of the website’s design. These findings were taken into account in the development process of the prototype of the redesigned website. The prototype was tested in order to confirm or deny the following hypothesis: “The redesigned website of the company Ugoda will be more user-friendly.” The results showed that the prototype of the redesigned website provides a better user experience. In addition, suggestions are made to further optimize the redesigned website.

V podjetju AMZS d.d. smo se po prenovi spletnih strani, ki je bila prepuščena zunanjemu izvajalcu, soočili s slabimi rezultati v spletnih iskalnikih. Po spoznanju, da za to ni kriva tehnična izvedba, smo se lotili pregleda vsebin in delne prenove. V diplomski nalogi bodo predstavljeni tisti bistveni elementi vezani na optimizacijo, ki jih je možno urejati v okviru sistemov za upravljanje vsebin. Prav tako bodo predstavljeni poglavitni sestavni moduli in funkcionalnosti sistemov za upravljanje vsebin. Izpostavljene bodo rešitve, ki so na voljo informatikom ali urednikom spletnih vsebin v podjetjih, ki prepustijo izdelavo spletne strani zunanjim izvajalcem, ki njihove stroke ne poznajo. Rešitev problema bo oblikovana s pomočjo študija strokovne literature ter znanja pridobljenega z delom na tem področju in na različnih konferencah na temo trženja. Priprava in izvedba rešitve bo prikazana na primeru spletne strani www.amzs.si in njenega sistema za upravljanje vsebin. After outsourcing the redesign of its webpages AMZS d.d. faced bad results in search engines. Upon realisation that it was not a technical issue we turned our attention to the content and partial renovation. In this diploma I will explain the key elements in search engine optimization available for editing within a content management system. Also I will present key modules and functionalities of such content management systems. Solutions available to IT managers or web content managers of companies whose web pages' redesign was outsourced to companies unfamiliar with their profession, will be presented. The solution to the problem will be presented through study of professional literature and knowledge obtained through experience in this field and multiple attended marketing conferences. Set-up and realisation of the solution will be presented on the case of www.amzs.si website and its content management system.

Skozi magistrsko nalogo je bilo prikazano kako lahko kmetija s dopolnilno dejavnostjo ugodno pride ali si izdela spletno mesto. Skozi magistrsko nalogo je bilo prikazano kako lahko kmetija s dopolnilno dejavnostjo ugodno pride ali si izdela spletno mesto.

Splet je postal za večino že skoraj nepogrešljiv del vsakdana. Na spletu iščemo informacije, delimo informacije, se družimo. Ker ogromno časa preživimo na spletu, je postalo zelo pomembno za podjetja, da so prisotna na spletu. Svoje potencialne kupce lahko na spletu dosežejo s postavitvijo spletnega mesta in spletnim oglaševanjem. V diplomskem delu smo najprej opredelili marketinško komuniciranje, katera so orodja in kako le ta vplivajo na potencialne kupce. Opredelili smo tudi oglaševanje in podrobno opisali spletno oglaševanje kot pomemben del marketinškega komuniciranja v sodobnem času. Preden začnemo oglaševalsko kampanjo se moramo odločiti med tradicionalnim ali spletnim oglaševanjem ali za kombinacijo obojega. Da lahko to storimo moramo seveda poleg proračuna poznati tudi prednosti in slabosti takšnega oglaševanja in kaj nam določene tehnologije omogočajo, saj ni cilj oglaševanja samo večja prodaja ampak tudi krepitev določene blagovne znamke in ohranjanje lojalnosti kupcev. Skozi diplomsko delo smo ugotovili, da se pri spletnem oglaševanju dosti stvari prepleta, da ni enostavno ločiti nekaterih pojmov, saj se med seboj dopolnjujejo s skupnim ciljem, kar je večja prikaznost spletnih oglasov točno določenim ljudem ob pravem času kar posledično pomeni tudi učinkovitejšo spletno oglaševalsko kampanjo. Za lažjo predstavo o tem zakaj se podjetja odločajo za spletno oglaševanje in kakšne tehnologije izberejo za doseganje svojih ciljev, smo v zadnjem poglavju opisali 5 različnih primerov dobre prakse. Ugotovili smo, da različni problemi zahtevajo različne pristope, ki pa jih na spletu ne manjka. Podjetja se zavedajo pomembnosti spletnega komuniciranja in v prihodnosti nameravajo v to področje vlagati še več sredstev. Največje spremembe lahko pričakujemo v spletnih družbenih omrežjih, spletnih straneh, večpredstavnostnih oglasih in trženju preko elektronske pošte. The Internet has become almost indispensable part of everyday life for the majority of people. We go online to search for information, share information and socialize. Because a lot of time is spent on the web, it has become very important for companies to be present on the internet. Companies can reach potential customers online with setting up a website or with online advertising. In this diploma, we first define marketing communication, the tools of marketing communication and how they affect potential buyers. We defined what is advertising and described in detail web advertising, as an important part of marketing communication in modern times. Before we start the advertising campaign we have to decide between traditional or web advertising or a combination of both. To make the right decision, we must know the budget and the pros and cons of such advertising and also what certain technologies enable, because the objective is not only to sell more, but also to strengthen particular brand and maintain customers loyalty. Through the diploma, we found out that in web advertising many things interweave and that it is not easy to distinguish between them, because they complement each other with the same goal, which is greater visibility of web ads for the right people at the right time, which consequently means more effective advertising campaign. For easier understanding of why companies choose web advertising and which technology has achieved their objective, is described in the last chapter on five different examples of good practice. We found out that different problems require different approaches that can easily be found among the variety of solutions offered on internet. Companies are aware of the importance of web communication because in the future they intend to invest in this area even more resources. The biggest changes can be expected in online social networks, websites, multimedia advertising and email marketing.