Oria Design
  • Home
  • Portfolio
    • Web design
      Web design
      onepage * strony internetowe * sklepy internetowe * aplikacje
    • Identyfikacje wizualne
      Identyfikacje wizualne
      branding * rebranding * logo * brandbook * do druku * social-media
  • O mnie
  • Kontakt
kontakt@oriadesign.pl
Oria Design
  1. Home
  2. Case Studies
  3. web design case studies
Nowoczesny panel dla ankieterów - Poznaj.to

Nowoczesny panel dla ankieterów - Poznaj.to

Szczegóły
19 listopada 2022

Strona główna panelu badawczego Poznaj.to na ekranie laptopa

Brief

Firma PBS zajmująca się prowadzeniem badań statystycznych, zgłosiła się w celu odświeżenia graficznego ich panelu badawczego. Strona miała przejść drobne zmiany w nawigacji, ale głównym celem było unowocześnienie grafiki i dostosowanie jej do nowego Key Visuala marki. Nowa szata graficzna miała bazować na dostarczonych przez zleceniodawcę grafikach wektorowych.

Docelowym użytkownikiem strony jest osoba młoda - potencjalny panelista, który za pomocą tej strony powinien dowiedzieć się podstawowych informacji na temat usługi oraz móc zarejestrować się do panelu badawczego.

Dotychczasowa strona

W pierwszej kolejności zapoznałam się z dotychczasowym wyglądem strony, aby zdiagnozować główne wady designu:

  • ciemne, przygnębiające tło - osobiście przywodziło mi ono na myśl burzowe niebo i nie napawało ekscytacją,
  • informacje o panelu przedstawione były w suchy, nieciekawy wizualnie sposób,
  • przytłaczająca strona FAQ - niemal 30 pytań ułożonych w wysokiej kolumnie, która zdawała się ciągnąć w nieskończoność. Do tego biały tekst na ciemnogranatowym kolorze męczący wzrok,
  • za małe przyciski w menu w wersji mobilnej strony - utrudniające trafienie w wybraną zakładkę.

Zebrawszy informacje z briefu klienta oraz własne obserwacje, mogłam rozpocząć prace nad projektem graficznym.

Dotychczasowa strona Poznaj.to z ciemnym tłem w wersji na komputer i telefon

 Nowy projekt strony

Nowa strona nie wstydzi się odważnych barw - zielonego i niebieskiego, które jako kolory akcentowe mocno kontrastują na tle błękitnego tła. Swoje miejsce znalazł także firmowy granat, który stał się głównym odcieniem dla tekstu. 

Typografia Montserrat i paleta kolorów nowego projektu Poznaj.to

Nowa strona główna Poznaj.to z wektorową ilustracją panelistów

Informacje o panelu rozdzieliłam na kilka sekcji podzielonych tematycznie. Teraz jednym spojrzeniem można zapoznać się ze statystykami firmy. Sekcję o firmie urozmaiciłam wektorową grafiką. Instrukcję rejestracji podzieliłam na kroki i opatrzyłam minimalistycznymi ikonami. 

Również sekcji FAQ nie pozostawiłam bez zmian. Zapoznałam się z listą pytań i podzieliłam je na 3 główne tematy. Dzięki temu użytkownik może od ręki wybrać interesujący go dział i nie przekopywać się przez ogrom różnorodnych pytań. Zrezygnowałam również z nieczytelnego ciemnego tła, zastępując je czystą bielą.

Na dół strony głównej trafił prosty formularz kontaktowy z możliwością wyboru tematu z listy.

Podstrony Strefa panelisty i FAQ w nowym projekcie Poznaj.to

Strona główna, FAQ i rejestracja Poznaj.to na trzech telefonach

Nowy widok logowania na pierwszym miejscu stawia opcję logowania za pomocą Facebooka - według informacji klienta jest to najczęściej wybierana przez panelistów opcja. Poniżej dopiero można skorzystać z formularza logowania za pomocą adresu e-mail.

Ekran rejestracji panelisty Poznaj.to z przyciskiem Facebooka na pierwszym miejscu

Podsumowanie

Ostateczna wersja graficzna strony została zaakceptowana z niewielką liczbą poprawek. Wszystko udało się wykonać w wyjątkowo krótkim terminie ze względu na zbliżające się wtedy targi, na których nowa strona miała zadebiutować.

Strona 2 z 2

  • 1
  • 2
Oria Design
© Wiktoria Półtoraczyk 2022 - 2026
Developed by web-service.com.pl
kontakt@oriadesign.pl
  • Home
  • Portfolio
    • Web design
      Web design
      onepage * strony internetowe * sklepy internetowe * aplikacje
    • Identyfikacje wizualne
      Identyfikacje wizualne
      branding * rebranding * logo * brandbook * do druku * social-media
  • O mnie
  • Kontakt