Realizacje

Donut and Pixels

Klient:

DonutAndPixels.com


Data:

Wrzesień 2017r.


Zakres prac:

  • Identyfikacja wizualna
  • Strona internetowa
  • Wersje responsywna RWD

Realizacja

Idea serwisu

Donut and Pixels to serwis informacyjny, który swoją niższę odnajduje w branży kreatywnej. Opiera się głównie na autorskich artykułach skierowanych do grafików, web developerów, ilustratorów oraz innych specjalistów z branży digital, choć nie tylko. Dużą rolę odgrywają jednak, tworzone specjalnie na potrzeby serwisu, tzw. freebies, czyli darmowe materiały takie jak sety ikon, zestawy UI/UX, itp.

Tego rodzaju prężnie funkcjonujących serwisów na rynku jest już kilka. Kluczem było więc stworzenie niepowtarzalnego charakteru, który pozwoli serwisowy zaistnieć.

Identyfikacja wizialna

Dobrym początkiem była identyfikacja wizualna, w której mogliśmy zawrzeć indywidualny charakter i ciekawy pomysł.

Nazwa Donut and Pixels dała ogromne możliwość kreacyjne, co postanowiliśmy wykorzystać.

Serwis internetowy

Spójna i przejrzysta komunikacja wizualna

Projektując serwis internetowy nie mogliśmy zapomnieć, że jego główną funkcją, jest funkcja informacyjna. Treści musiały tutaj grać główną rolę, a oprawa wizualna stanowić tylko dla nich odpowiednie tło.

Funkcjonalność to priorytet

Robiąc analizę UX zwróciliśmy uwagę, że użytkownicy lubią mieć wybór tego w jaki sposób prezentowane są treści. Mając to na uwadze stworzyliśmy dwie formny wyświetlania artykułów na stronie głównej.

  • Grid - forma skierowana do użytkowników lubiących przeglądać duże ilości treści, skupuających się głównie na nagłówkach,
  • Lista - jest to rozszerzona forma gridu, zawiera dodatkowo kilka zdań wstępu i pozwala skupić się na wybranych artykułach.

Artykuł i jego treść

Jedną z najbardziej wymagających części naszego projektu było stworzenie oprawy dla szczegółów wybranego artykułu.

Największym wyzaniem było zaprojektowanie wszystkich możliwych modułów, jakie w treści artykułu występują. Są to m.in.:

  • Galerie zdjęć,
  • Prezentacje wideo,
  • Tabele,
  • Kursy i szkolenia,
  • Prezentacja kodu źródłowego strony internetowej.

Duże zróżnicowanie treści i jej form, nie mogło jednak wpłynąć na komfort czytania artykułu przez użytkownika. To był nasz cel.

Zobacz online:

www.donutandpixels.com

Zobacz również

Drill-Lab Sp. z o.o.

Drill-Lab Sp. z o.o.

Bubbles

Bubbles