Agencja interaktywna + Agencja marketingowa = Two Colours

O projekcie

Salon Perfect Eyes to miejsce, gdzie każda kobieta może podkreślić swoją naturalną urodę, dbając o brwi, rzęsy, usta czy paznokcie. Naszym celem było stworzenie witryny, która nie tylko będzie estetyczna, ale także będzie odzwierciedlać wysoki standard oraz profesjonalizm usług oferowanych w salonie.

Serdecznie zapraszamy do zapoznania się z procesem tworzenia strony dla salonu kosmetycznego Perfect Eyes.

Autorzy projektu
  • Wioletta
    Elementor Developer
  • Mateusz
    Projektant UX
  • Łukasz
    Starszy Projektant Graficzny
Prototyp

Stworzenie prototypu — makieta strony internetowej salonu kosmetycznego

Kluczowym krokiem w tworzeniu strony salonu kosmetycznego Perfect Eyes było zaprojektowanie jej wstępnej wersji, czyli tzw. prototypu. Na tym etapie skupiliśmy się na tworzeniu podstawowej wizualizacji, która pozwalała nam przedstawić ogólny układ strony jeszcze zanim przystąpiliśmy do szczegółowego projektowania graficznego.

W procesie tworzenia prototypów korzystamy z narzędzi takich jak Miro czy Figma. Dzięki nim zarówno my, jak i nasi klienci, mamy możliwość oglądania i modyfikowania całego layoutu strony — od strony głównej, przez wszystkie podstrony. Ustalamy wtedy wstępne miejsca dla różnych sekcji, treści, grafik oraz przycisków zachęcających do działania (CTA).

Głównym celem, jaki postawiliśmy sobie projektując stronę internetową salonu kosmetycznego Perfect Eyes, było zapewnienie przejrzystości oferty i maksymalnej intuicyjności. Chcieliśmy, aby użytkownicy z łatwością odnajdywali wszystkie niezbędne informacje oraz mogli głębiej zapoznać się z ofertą salonu. Przewidzieliśmy różnorodne formy prezentacji, począwszy od opisów, a kończąc na zdjęciach przedstawiających efekty zabiegów oraz portretach właścicielki salonu, która odpowiada za oferowane usługi.

Nieodłącznym elementem naszej pracy jest ścisła współpraca z klientem. Po stworzeniu makiety zorganizowaliśmy rozmowę wideo, na której omówiliśmy nasz projekt oraz dostarczyliśmy jasne instrukcje na temat zgłaszania ewentualnych poprawek i sugestii.

Prototyp strony salonu kosmetycznego

Projekt graficzny strony salonu kosmetycznego

Realizacja projektu graficznego strony salonu Perfect Eyes była dla nas niezwykle inspirującym zadaniem, które miało na celu odzwierciedlenie profesjonalizmu świadczonych przez salon usług. Postanowiliśmy stworzyć estetykę opierającą się na kombinacji ciemnych odcieni brązu, które zostały przełamane jaśniejszymi, złotymi i kremowymi akcentami. Wykorzystując ciemne tło, podkreśliliśmy jasne odcienie nagłówków tekstowych oraz przycisków CTA, które miały przyciągać uwagę potencjalnych klientek.

strona główna salonu kosmetycznego
Projekt graficzny strony salonu kosmetycznego

Sekcję hero strony głównej stworzyliśmy z myślą o odwiedzających — tak, aby zawierała wszystkie kluczowe informacje kontaktowe, takie jak numer telefonu, adres e-mail i godziny otwarcia salonu. Wyróżniające się przyciski CTA kierują odwiedzających bezpośrednio do sekcji umawiania się na wizyty oraz przeglądania dostępnych zabiegów.

Wiemy, jak ważna jest wartościowa treść, dlatego strona obfituje w informacje — od zakładek z informacjami o usługach, poprzez promocje oraz vouchery, aż po prosty i przejrzysty cennik.

Dążąc do budowania zaufania, w obszernej sekcji “o mnie” umieściliśmy osobistą notatkę oraz  zdjęcia właścicielki — osoby odpowiedzialnej za zabiegi.

Opis każdej usługi został przygotowany z myślą o dostarczeniu użytkownikowi pełnej informacji na temat oferowanych zabiegów. Informacyjne opisy pozwalają klientom dokładnie zapoznać się z charakterem każdej procedury, jej przebiegiem oraz oczekiwanymi efektami. 

Postanowiliśmy również wzbogacić stronę o prawdziwe zdjęcia zrealizowanych zabiegów. Te wizualne dowody pozwalają odwiedzającym stronę doświadczyć rzeczywistych efektów oferowanych usług. Dzięki temu klienci nie muszą polegać jedynie na słownych opisach, ale mają możliwość bezpośredniego zobaczenia jakości wykonywanych w salonie usług. 

Na stronie salonu kosmetycznego nie mogło również zabraknąć sekcji z opiniami zadowolonych klientek, które budzą zaufanie w zainteresowanych usługami użytkownikach.

Implementacja

Zakodowanie strony internetowej salonu kosmetycznego

Implementacja strony internetowej salonu Perfect Eyes była decydującym etapem w całym procesie jej tworzenia. Do jej realizacji zastosowaliśmy narzędzie Elementor. Główne jego zalety to łatwość obsługi i intuicyjność, co umożliwia klientom samodzielne aktualizacje i rozbudowę strony bez konieczności szukania wsparcia specjalistów.

Dzięki możliwości samodzielnej edycji treści strony przez klienta jest ona w stanie dynamicznie dostosowywać się do zmieniających się potrzeb rynku i preferencji odwiedzających. Taka autonomia zapewnia klientowi swobodę w zarządzaniu zawartością strony, eliminując potrzebę stałego kontaktu z zespołem programistycznym.

Podczas programowania strony zaimplementowaliśmy również funkcjonalności, aby uczynić ją jeszcze bardziej przyjazną dla użytkowników i spełnić jej cele biznesowe.

System rezerwacji zabiegów kosmetycznych

Dzięki wbudowanemu formularzowi klienci mogą szybko i wygodnie rezerwować wybrane usługi w preferowanych terminach. Cały proces rezerwacji został przeniesiony do środowiska online, eliminując konieczność angażowania się w tradycyjne formy kontaktu, takie jak rozmowy telefoniczne czy pisanie wiadomości i długie czekanie na odpowiedź.

Kalendarz rezerwacji wizyt w salonie kosmetycznym

Moduł e-commerce

Użytkownicy mają możliwość nie tylko przeglądania dostępnych usług, ale także dokonywania zakupów bezpośrednio przez stronę. Można w prosty sposób dodawać do koszyka vouchery na zabiegi oraz opłacać je online poprzez system PayU. Istnieje także opcja dokonania płatności bezpośrednio w salonie po dokonaniu rezerwacji online.

Moduł e-commerce na stronie internetowej salonu kosmetycznego

Live chat

Dla tych, którzy mają pytania lub potrzebują dodatkowych informacji, strona oferuje funkcję czatu live. Umożliwia ona natychmiastowy kontakt z konsultantem, który jest gotów udzielić odpowiedzi i wsparcia w czasie rzeczywistym.

Chat live na stronie internetowej salonu kosmetycznego

Jeśli spodobał Ci się ten projekt, zapraszamy do obejrzenia go w pełnej postaci na naszym profilu na platformie Behance. Zapraszamy również do obejrzenia naszych pozostałych realizacji.

Chciałbyś, by Twój biznes miał profesjonalną stronę internetową? Zarezerwuj darmową konsultację i zobacz, w jaki sposób możemy Ci pomóc!

    Porozmawiajmy i ustalmy plan działania!

    Krótki formularz Wypełnij pełny brief

    Hidden
    Hidden
    Twoje dane są bezpieczne Więcej o ochronie danych osobowych
    Jak Ci się to podoba?