Odkrywanie
Proces redesingu został poprzedzony dokładnym zapoznaniem się z artefaktami wypracowanymi przez zespół klienta, analizą obecnej strony oraz analizą otoczenia branżowego.
Ideacja
W celu wypracowania najlepszych rozwiązań UXowych i wizualnych został zebrany zbiór inspiracji projektowych, na których przykładzie została prowadzona dyskusja w celu wyłonienia rozwiązań najlepiej oddających ducha firmy Ragnarson. Kolejny etap prac poprzedzony został analizą strategicznego dokumentu, w którym zespół klienta wskazał wizję na nowy kierunek dla projektu. Informacje zawarte w dokumencie pozwoliły na wypracowanie tematyki dla warstwy graficznej oraz idei przyświecającej nowej odsłonie projektu. Inspiracją, która wpłynęła na decyzję o rozwinięciu tematyki nordyckiej, jej symboliki oraz znaczenia, jest nazwa firmy jak i jej wartości. Ilustracje oraz detale pojawiające się w projekcie odnoszą się do Ragnara oraz wielu histori i mitów, które są z nim związane.
Kreacja
Naszym celem było uzyskanie pożądanego przez klienta minimalistycznego stylu, ale tak aby strona zyskała charakter nawiązujący do nazwy “Ragnarson” i mitologii nordyckiej - kluczową rolę odegrały w tym projekcie typografia, nowoczesny układ i zastąpienie klipartowego stylu grafik na dedykowane ilustracje, których zadaniem było nadanie unikalnego stylu nowej stronie.
Typografia
Jednym z kluczowych elementów, które budują całą warstwę wizualną nowego projektu jest typografia, która swoim stylem oraz charakterem spójnie współgra z layoutem strony. Wybraliśmy font o nowoczesnych proporcjach i charakterystycznych glifach, które wyróżnią charakter strony
Mitologia nordycka
Ilustracje zebrane w całym projekcie powiązane są z symbolami, które opisują mitologie ludów skandynawskich. W projekcie znajdziemy przedstawienie drzewa życia Yggdrasil, runy, smoki, konstelacje, złote monety oraz wiele innych powiązanych symboli.
Dedykowane Ikony
Specyfika branży wymagała pogłębienie tematu technologii, jakimi operują programiści wewnątrz firmy i stworzenie dedykowanych ikon pasujących do layoutu oraz tematyki.
Delivery - Dostarczanie
Ścisła współpraca z zespołem Ragnarson, w którym były osoby odpowiedzialne za wdrożenie serwisu, pozwoliła na równoległe dostarczanie plików i realizacje prac po stronie klienta. Efektem tego było efektywna współpraca z zespołem programistów oraz możliwość szybkiej reakcji na ewentualne zmiany wynikające z procesu wdrożenia.
Style guide / Hand-off
W trakcie projektowania jednocześnie realizowane były prace nad style guidem, w którym projektanci zebrali zbiór podstawowych elementów użytych w interfejsie. W przyszłości ułatwi to pracę programistów oraz wpłynie pozytywnie na dalszy rozwój projektu, ponieważ dokładnie opisane elementy interfejsu zapewniają spójność wizualną.
Figma
Dzięki zastosowaniu Figmy został ułatwiony proces dostarczania widoków do wdrożenia. Funkcje programu pozwalają nie tylko projektować, ale wewnątrz przekazywać developerom projekty, które dokładnie opisywane, są językiem programowania. Zastosowanie tego narzędzia pozwoliło oszczędzić czas i korzystanie wpłynęło na komunikację pomiędzy zespołem projektowym a wdrożeniowym.
