Home

Imtronic

Redesign strony internetowy firmy produkującej etykiety opakowań.

Moja rola

UX/UI designer

Developer

Narzędzia

Figma

Photoshop

Illustrator

Wix

Wyzwanie

Przedstawienie oferowanych usług firmy w przystępny dla laików sposób. Stworzenie łatwej w nawigacji i angażującej strony internetowej.

Rozwiązanie

Stworzyłam nową architekturę strony, nowy design z uwzględnieniem brandbooka i WCAG.

Proces

Desk research

UX competitor analysis

Paper prototyping

Architektura informacji

UI design

Desk research

Edytor do tworzenia treści nauczania z którego korzysta około 200 redaktorów. Klient posiada system, który przeszedł ponad 10-letni proces.

Research

W pierwszym kroku zapoznałam się z pojęciami takimi jak sleevowanie czy obkurczanie. Poznałam proces tworzenia między innymi plomb teromokurczliwych. Chciałam poznać wszystkie technikalia z obszaru usług jakimi zajmował się klient.

UX competitor analysis

Z analizy konkurencji chcieliśmy czerpać inspirację do tworzenia przepływów użytkowników, funkcji, elementów wizualnych, a przede wszystkim architektury.

Architektura strony

Był to jeden z najważniejszych elementów. Musiałam znaleźć odpowiedz na pytanie jak pomóc użytkownikom znaleźć to czego szukają. Stworzyłam podział na branże i usługi, aby użytkownicy mogli znaleźć to czego poszukują.

Paper prototyping

UI design

Zgodnie z estetyką firmy i wymaganiami klienta stworzyłam nowy design. Opracowałam typografię oraz kolorystykę.

Typografia

Font: Poppins

Aa  Bb  Cc  Dd  Ee  Ff  Gg  Hh  Ii  Jj  Kk  Ll  Mm  Nn  Oo  Pp  Rr  Ss  Tt  Uu  Ww  Xx  Yy  Zz

Aa  Bb  Cc  Dd  Ee  Ff  Gg  Hh  Ii  Jj  Kk  Ll  Mm  Nn  Oo  Pp  Rr  Ss  Tt  Uu  Ww  Xx  Yy  Zz

Aa  Bb  Cc  Dd  Ee  Ff  Gg  Hh  Ii  Jj  Kk  Ll  Mm  Nn  Oo  Pp  Rr  Ss  Tt  Uu  Ww  Xx  Yy  Zz

Kolorystyka

Font

Primary

HEX: 202246

Secondary

HEX: 616161

Nav

HEX: 4C4C4C

White 1

HEX: F2F2F2

White 2

HEX: FFFFFF

Paleta

Primary

HEX: 04269D

Secondary

HEX: B4BEE2

Tertiary

HEX: 79738D

White

HEX: FFFFFF

Ostateczny projekt

Na podstawie konsultacji z klientem, powstał ostateczny projekt.

Zobacz inne moje prace