Usługi okulistyczne | Tworzenie strony internetowej

Przedstawiamy przypadek dotyczący opracowania nowej wersji strony internetowej dla centrum okulistycznego FOCUS.

Klient dążył do aktualizacji swojej strony korporacyjnej, integrując w niej elementy stron docelowych.
2. Etapy prac
Prototypowanie i struktura: Opracowano następującą strukturę strony:



Główne sekcje: „O klinice”, „Specjaliści”, „Usługi”, „Opinie”, „Blog”, „Kontakt”.


Rodzaje stron: Strona główna (Landing), Mini-Landing „O nas / O firmie”, Mini-Landing „Specjaliści”, Sekcja „Usługi”, Mini-Landing dla pojedynczej usługi, Blog z podsekcjami („Aktualności”, „Promocje” itp.), Materiały w Blogu, Strona „Opinie” z filtrem według typów klientów i rozwiązanych zadań, „Kontakt”.



Dodatkowe strony techniczne i pop-upy: Strona podziękowania („Dziękujemy za zgłoszenie”), strona błędu „404”, pop-up, aktywujący się po 2 minutach przebywania na stronie (możliwe, że z quizem), oraz pop-up z USP (unikalną propozycją sprzedaży).

Kluczowe bloki na stronie głównej: „Oferta”, quiz, blok zalet, informacje o głównym lekarzu, usługi, szczegóły dotyczące laserowej korekcji wzroku (zalety), kontakt, opinie, FAQ.



Moduły strony: Przewidziano wyszukiwanie na stronie, wyszukiwanie w katalogu produktów i usług z parametrami, bloki informacyjne, formularze internetowe, katalog produktów, cennik, opinie.

Wizualne wykonanie:

Styl designu: Wybrano korporacyjny z elementami „ciepłego” stylu. Zakłada się kompleksowe rozwiązanie z wykorzystaniem pseudo-objętościowych elementów i stylu techno. Klient wyraził zainteresowanie ideą „galaktyki” i iluzji optycznej.
Schematy kolorów: Preferencje dotyczą kontrastowych kolorów, które współgrają z identyfikacją wizualną. Zleceniodawca dążył do odejścia od tradycyjnej dla konkurencji niebieskiej, błękitnej i turkusowej palety. Zaproponowano warianty jasnoszarego, szarego, ciemnofioletowego i dozowanego niebieskiego, aby uniknąć ponurego odbioru. Zleceniodawca zaznaczył, że zdecydowanie nie chce koloru czarnego.
Czcionki: Konkretne czcionki nie zostały określone w dostarczonych materiałach.
Animacja: Zaplanowano użycie minimalnej animacji, takiej jak hover i linie przy otwieraniu elementów, aby uniknąć przeciążenia strony, ale z realizacją elementów iluzji optycznej.