Redesign of a Company Presentation Website Using UX and UI Methods

Bakalářská práce je zaměřena na redesign webových stránek soustružnického studia Krása dřeva. Stránky slouží k reprezentaci studia a propagaci jeho služeb. Původní web byl příliš složitý a pro uživatele neatraktivní. Cílem práce bylo redesignovat webovou platformu studia, modernizovat ji a zjednodušit přihlašování do kurzů. Konečným výstupem práce je prototyp vysoké věrnosti vytvořený v programu Figma. Práce se skládá z teoretické a praktické části. Na začátku první části je představena problematika soustružnického studia. V teoretické části je popsán návrh webu a postupy jeho tvorby. Dále je zde uvedeno rozdělení metod UX a UI. Součástí je popis metody designu zaměřeného na člověka, podle které se vytváří nový webový design. V druhé části práce bylo provedeno několik hloubkových rozhovorů s uživateli. Prostřednictvím analýzy a rozhovorů byly zjištěny nedostatky současného webu a vzorce chování návštěvníků kurzů. V praktické části byly využity všechny poznatky získané z předchozích částí. Na základě zjištění z výzkumu byl vytvořen prototyp nových webových stránek. Nakonec bylo provedeno testování, které potvrdilo, že cíl práce byl splněn. Nové webové stránky byly uživateli hodnoceny jako přehledné a moderní. Testování také prokázalo, že proces přihlašování do kurzů byl zjednodušen.

This bachelor thesis is focused on the redesign of website of the woodturning studio Krása dřeva. The website is used to represent the studio and promote its services. Former site was too complicated and unattractive for users. This work aims to redesign the site, modernise it and make the process of signing up for courses easier. The final output is a high-fidelity prototype created in Figma. This thesis consists of a theoretical and a practical part. At the beginning of the first part, the issues of studio are introduced. In the theoretical part, web design and its creation procedures are described. There is also a classification of UX and UI methods. It includes a description of the human-centred design method. According to this method the new web design was created. In the second part of the thesis, several in-depth interviews with users were conducted. Through the analysis and interviews, the shortcomings of the current site and patterns in the behaviour of visitors were discovered. In the practical part, all the knowledge gained from previous parts was used. Prototype of the new website was created based on the findings from the research. Finally, testing was carried out to confirm, that the objectives of the thesis were met. The new site was rated by users as easy to understand and modern. The testing also proved that the process of signing up for courses was simplified.