Strona firmowa
Branża techniczna
Poznaj proces tworzenia strony internetowej o charakterze informacyjno-sprzedażowym z dziedziny innowacyjnego druku 3D z metalu.
Custom CMS
HTML / CSS
Photoshop
Illustrator
Pigułka wiedzy
Budowanie społeczności
Badanie rynku i zachowań użytkowników
Podwalina pod przyszłe działania sprzedażowe
Case study
Cel projektu
Centrum Badawczo-Rozwojowe rozpoczyna testowanie innowacyjnego na polskim rynku druku 3D z metalu.
Strona ma być podstawą działań marketingowych i PR-owych. W związku z tym skupiliśmy się na tym, aby projekt pełnił funkcję pigułki wiedzy, która poprzez nowoczesny i przejrzysty UI oraz inuicyjnu UX skłania użytkownika do zainteresowania się tematem i przyswojeniem jak największej ilości wiedzy.
Ponadto zależało nam na tym, aby podtrzymywać zaangażowanie użytkownika do czasu, w którym klient rozpocznie pierwsze działania w kierunku komercjalizacji usług. Dzięki cyklicznie dodawanym wpisom blogowym i newsletterze możemy stale podsycać zainteresowanie tematem i budować społeczność. Jednocześnie daliśmy możliwość łatwej komunikacji poprzez formularze kontaktowe, a tym samym narzędzie do badania rynku oraz odbioru przez użytkowników.
Research
ok. 1 tydzień
Inspiracje
Badanie konkurencji
Value proposition canvas
User flow
Wywiad z klientem
Creation
ok. 8 tygodni
Makiety
Design system
Ikony i tła
Modele 3D
LP (desktop + mobile)
Animacje
Ending
ok. 2 tygodnie
Testowanie
Poprawianie błędów
Pretty URL
SEO
Favicon
Dodawanie contentu
Szkolenie CMS
Case study
Początek współpracy
Współpraca od początku przebiegała w miłej i pełnej wsparcia atmosferze. Osoby oddelegowane do projektu były zaangażowane, dzięki czemu wzorowo radziliśmy sobie ze wszystkimi wyzwaniami, które napotykaliśmy po drodze.
Czas był czynnikiem generującym największe napięcie. Za około 2 miesiące miały odbyć się ważne targi technologiczne, więc klienci chcieli się do nich przygotować na tip-top. Musieliśmy nauczyć się odpowiedniego zarządzania czasem i skrupulatnie pilnować terminowości wykonywania zadań, do których byliśmy oddelegowani. Nawet kilkudniowe opóźnienie w przesyłaniu materiałów mogło sprawić, że strona nie byłaby gotowa na czas. Oczywiście nie obyło się bez drobnych potknięć, ale dzięki sprawnej komunikacji byliśmy w stanie „żonglować” swoimi pobocznymi projektami tak, aby nie opóźniać bieżącego zadania.
Wyzwania:
Około 2 miesiące na ukończenie
Ograniczona ilość treści stockowych
Wysoki próg wtajemniczenia
Tekstury
Ikony
Tabele
Proces UI/UX
Ze względu na niszowość tematu nie mogliśmy opierać się na bankach zdjęć. Podczas spotkania online przedstawiłem plan działania oraz propozycje materiałów, które możemy umieścić na stronie. Część zdjęć i filmów została nagrana telefonem, jednak dzięki odpowiedniej obróbce wyglądają spójnie i profesjonalnie.
Po stworzeniu design systemu oraz kluczowych sekcji przyszedł czas na wypełnienie strony treścią. Projektowanie podstron usługowych wymagało dogłębnego zrozumienia treści, aby przedstawić je w sposób łatwo przyswajalny dla czytelnika. Do tego celu wykorzystałem elementy graficzne, takie jak tekstury opisywanych materiałów, ikony pierwiastków inspirowane tablicą Mendelejewa, czy tabele przedstawiające własności mechaniczne.
New Science
AaBb
12345
Primary color
#019946
Secondary color
#2CB36D
Black
#292929
White
#F4F4F4
Grey
#908888
Czego się nauczyłem?
Każdy projekt przynosi wiele cennych lekcji, dzięki którym staję się lepszym specjalistą w swoim fachu.
Zarządzanie czasem i multitasking
Niezbędne umiejętności, wykorzystywane codziennie w pracy agencyjnej, po tej współpracy wskoczyły na wyższy poziom. Umawianie spotkań, aby każda chętna osoba po stronie klienta mogła w nim uczestniczyć, tym samym nie zaniedbując innych projektów, było wyzwaniem któremu podołałem!
Implementowanie modeli 3D
To pierwszy taki projekt, w którym miałem przyjemność umieszczać modele 3D. Z zespołem zgodnie uznaliśmy, że najlepszym rozwiązaniem w tym przypadku będzie 3D Viewer. Po odpowiednim dostosowaniu oświetlenia oraz kontrastu uzyskałem zadowalający efekt, łączący użyteczność z atrakcyjnym wyglądem.
Tworzenie dużej ilości elementów graficznych
Każda strona internetowa wymaga indywidualnych grafik, jednak rzadko mam okazję tworzyć ich tyle, co w tym projekcie. Centrum Badawczo-Rozwojowe (poza logiem) nie posiadało identyfikacji wizualnej. Cały design system wraz z tłami i większością ikon był projektowany przeze mnie od początku do końca.
Większa swoboda twórcza
Pozwoliłem sobie na częstsze odstępowanie od reguł UI, których kurczowo trzymałem się w przeszłości. Na przykład więcej eksperymentowałem z typografią i pokusiłem się o mniejszy rozmiar fontu w przyciskach względem paragrafów. Zaowocowało to lepszym balansem CTA vs. elementy graficzne
Zobacz inne projekty
Sprawdź moje dotychczasowe realizacje! Projekty mówią więcej niż słowa.