--- title: "Design Optyk: marka i sklep sieci salonów" description: "Identyfikacja bez złota dla rodzinnej sieci salonów optycznych premium, materiały do salonów i sklep połączony z magazynami sześciu z siedmiu salonów." url: https://fluostudio.pl/projekty/designoptyk/ --- ![Pierwszy ekran sklepu designoptyk.com: okulary na bordowym aksamicie, claim SEE THE WORLD • CLEARLY, EXPRESS YOURSELF • BOLDLY i polecany model.](https://fluostudio.pl/media/projekty/designoptyk/sklep-hero.webp) designoptyk.com Design Optyk # Optyka premium, która w salonie i w sieci wygląda tak samo Rodzinna sieć siedmiu salonów optycznych. Zaczęliśmy od warsztatów i porządku w marce, a skończyliśmy na sklepie designoptyk.com połączonym z magazynami salonów. Poznaj projekt zleceń dla jednego klienta 15 salonów w pięciu miastach 7 widoków w projekcie sklepu 37 Klient ## Rodzinna optyka z ambicjami marki premium Design Optyk ma siedem salonów w centrach handlowych pięciu miast. Sprzedaje oprawki marek takich jak Maybach, Dita, Cartier czy Linda Farrow, a wzrok bada na sprzęcie Rodenstock DNEye. Na warsztatach wyszło, że marce brakuje spójnej identyfikacji, a stary sklep internetowy żył obok salonów, a nie razem z nimi. ### Na starcie - kilka wersji logotypu - dodatkowe kolory - brak key visuala - social media bez planu - sklep oderwany od salonów Salony Design Optyk Wszystkie Wrocław **Renoma** Wrocław **Magnolia Park** Wrocław **Aleja Bielany** Poznań **Stary Browar** Katowice **Silesia** Gdańsk **Bałtycka** Gdynia **Klif** Siedem salonów, pięć miast. Identyfikacja ## Elegancja old money, ale bez złota Moodboard sprawdzał trzy kierunki. Złoto, typowe dla luksusu, odpadło już na tym etapie: zamiast niego są tłoczenia, papier barwiony w masie i paleta beży, szarości i grafitu. ### Trzy kierunki moodboardu 1. Luksus i old money 2. Technologia i precyzja widzenia 3. Empatia i lifestyle premium ### Paleta z księgi znaku - Biel - Jasny beż #D7D2C9 - Beż #BFB6A9 - Szarość #ABACAD - Grafit #4B4B4C - Czerń - Złoto odpadło na moodboardzie ### Ten sam znak, tylko porządniej Logotyp miał zostać, więc zamiast nowego znaku ujednoliciliśmy zapis istniejącego. Sygnet to litera O z kropką. Klient mówi o nim „nasze O z kropką”, a kropka przeszła z niego do claimu, do menu sklepu i do nazw stref marek. ![Kobieta w okrągłych okularach przeciwsłonecznych w ciemnym wnętrzu samochodu, kadr z sesji Design Optyk.](https://fluostudio.pl/media/projekty/designoptyk/sesja-auto-2400.webp) Sesja Design Optyk, zdjęcia ze sklepu designoptyk.com Social media ## Posty, które wyglądają jak kampania Z key visualu powstały szablony postów: claim na zdjęciu, napisy LUXURY / EYEWEAR i sygnet. Zrobiliśmy je w Figmie tak, żeby zespół klienta sam składał kolejne posty, od produktowych po zapowiedzi eventów z Maybachem w salonach. Widok postów Posty Szablon - ![Post produktowy: oprawki Maybach The Visionist I na jasnym beżu, z opisem ochrony, powłoki i oprawy.](https://fluostudio.pl/media/projekty/designoptyk/post-maybach-visionist.webp) - ![Post „Precyzja technologii” o badaniu wzroku na sprzęcie DNEye Rodenstock, na czarnym tle.](https://fluostudio.pl/media/projekty/designoptyk/post-precyzja-technologii.webp) - ![Post z claimem na zbliżeniu oka za oprawką okularów, z napisami LUXURY i EYEWEAR i sygnetem.](https://fluostudio.pl/media/projekty/designoptyk/post-claim.webp) - ![Post „Zapraszamy na cykl eventów z marką Maybach” na czarnym tle.](https://fluostudio.pl/media/projekty/designoptyk/post-event-zaproszenie.webp) - ![Post z harmonogramem eventów: Katowice, Wrocław, Poznań, Design Optyk × Maybach.](https://fluostudio.pl/media/projekty/designoptyk/post-event-harmonogram.webp) - ![Post o nagrodach w evencie: oprawki, koszulki i czapki Maybach.](https://fluostudio.pl/media/projekty/designoptyk/post-event-nagrody.webp) Sesje wykonane według wskazówek, które przygotowaliśmy ![Przeciwsłoneczne okulary w złotej oprawie na jasnej, przeszywanej skórze.](https://fluostudio.pl/media/projekty/designoptyk/galeria-oprawki-skora-2400.webp) ![Mężczyzna z rozjaśnionymi włosami poprawia okulary w cienkiej oprawie, na czerwonym tle.](https://fluostudio.pl/media/projekty/designoptyk/galeria-portret-oprawki-1200.webp) ![Kobieta w ciemnych okularach przeciwsłonecznych i skórzanej kurtce, w półcieniu.](https://fluostudio.pl/media/projekty/designoptyk/galeria-portret-cien-1200.webp) ![Kobieta w czerwonej sukience trzyma okulary przeciwsłoneczne, na czerwonym tle.](https://fluostudio.pl/media/projekty/designoptyk/galeria-portret-czerwien-1200.webp) ![Mężczyzna w okularach i skórzanej kurtce przykuca przy chromowanym krześle, na jasnym tle.](https://fluostudio.pl/media/projekty/designoptyk/galeria-portret-krzeslo-1200.webp) ![Mężczyzna w okularach przeciwsłonecznych za kierownicą samochodu, z ręką na otwartej szybie.](https://fluostudio.pl/media/projekty/designoptyk/galeria-auto-kierowca-2400.webp) ![Dwie pary oprawek korekcyjnych w złotym kolorze na czarnym, lśniącym tle.](https://fluostudio.pl/media/projekty/designoptyk/galeria-oprawki-czern-2400.webp) ![Mężczyzna w czarnej czapce i okularach zasłania twarz dłonią, na ciemnoczerwonym tle.](https://fluostudio.pl/media/projekty/designoptyk/galeria-portret-czapka-1200.webp) Kadry z sesji Design Optyk, z których korzystają sklep, strefy marek i posty. Sklep designoptyk.com ## Sklep, który prowadzi do salonu W pierwszym briefie była mowa o „kawałku strony wizerunkowej”, bo sklep klient miał osobno. Skończyło się na nowym sklepie: osobne warsztaty o strukturze, 37 widoków w projekcie, wdrożenie na WooCommerce i start na designoptyk.com. Każdy z 22 szablonów dostał arkusz z polami treści, więc klient wiedział, co i gdzie napisać, zanim cokolwiek trafiło do sklepu. Strona główna designoptyk.com na komputerze i telefonie. ### Pięć powodów zamiast jednego hasła Na stronie głównej sklepu wyróżniki marki stoją jeden pod drugim na wideo w tle. Teksty z sekcji „Dlaczego my” na designoptyk.com. Pięć powodów zamiast jednego hasła Precyzja Portfolio marek Pełna opieka Doradztwo Empatia Badania wzroku skanerem DNEye Rodenstock, z dokładnością do 0,01 dioptrii. Starannie dobrane marki opraw: Dita, Cartier, Linda Farrow, Cutler and Gross, Maybach, Masunaga i inne. Od badania wzroku, przez dobór opraw, po wsparcie po zakupie. Optometryści dobierają oprawy do wady wzroku, stylu życia i potrzeb klienta. Każda wizyta zaczyna się od rozmowy i poznania oczekiwań. ### Marka w marce Każda duża marka z oferty ma w sklepie własną strefę zbudowaną z jednego szablonu: hero z nazwą w układzie claimu, linie produktowe, kolekcje, ciekawostki o materiałach i dostępność w salonach. Teksty do stref klient pisał sam, według makiety, którą dla niego przygotowaliśmy. Strefa marki Maybach Cartier Dita Linda Farrow Tom Ford Saint Laurent Gucci Lindberg Matsuda ![Strefa marki Maybach na designoptyk.com: duże zdjęcie z sesji i nazwa MAYBACH • EYEWEAR.](https://fluostudio.pl/media/projekty/designoptyk/marka-maybach.webp)![Strefa marki Cartier na designoptyk.com: duże zdjęcie z sesji i nazwa CARTIER • EYEWEAR.](https://fluostudio.pl/media/projekty/designoptyk/marka-cartier.webp)![Strefa marki Dita na designoptyk.com: duże zdjęcie z sesji i nazwa DITA • EYEWEAR.](https://fluostudio.pl/media/projekty/designoptyk/marka-dita.webp)![Strefa marki Linda Farrow na designoptyk.com: duże zdjęcie z sesji i nazwa LINDA FARROW • EYEWEAR.](https://fluostudio.pl/media/projekty/designoptyk/marka-linda-farrow.webp)![Strefa marki Tom Ford na designoptyk.com: duże zdjęcie z sesji i nazwa TOM FORD • EYEWEAR.](https://fluostudio.pl/media/projekty/designoptyk/marka-tom-ford.webp)![Strefa marki Saint Laurent na designoptyk.com: duże zdjęcie z sesji i nazwa SAINT LAURENT • EYEWEAR.](https://fluostudio.pl/media/projekty/designoptyk/marka-saint-laurent.webp)![Strefa marki Gucci na designoptyk.com: duże zdjęcie z sesji i nazwa GUCCI • EYEWEAR.](https://fluostudio.pl/media/projekty/designoptyk/marka-gucci.webp)![Strefa marki Lindberg na designoptyk.com: duże zdjęcie z sesji i nazwa LINDBERG • EYEWEAR.](https://fluostudio.pl/media/projekty/designoptyk/marka-lindberg.webp)![Strefa marki Matsuda na designoptyk.com: duże zdjęcie z sesji i nazwa MATSUDA • EYEWEAR.](https://fluostudio.pl/media/projekty/designoptyk/marka-matsuda.webp) Strefy marek na designoptyk.com. ### Trzy typy karty produktu Części marek, na przykład Chanel i Cartier, nie wolno sprzedawać w internecie, a klient chciał je pokazywać. Dlatego karta produktu ma trzy warianty, a jeden przełącznik w panelu zamienia koszyk na „Zapytaj o produkt” z listą salonów, które mają dany model. Typ karty produktu Kupowane online Korekcyjne Tylko w salonie ![Projekt karty produktu: okulary przeciwsłoneczne Maybach The President z koszykiem, boxem „Szkła korekcyjne?” i listą salonów.](https://fluostudio.pl/media/projekty/designoptyk/karta-online.webp)![Projekt karty produktu dla okularów korekcyjnych z boxem „Sprawdź swój wzrok” i przyciskiem „Umów badanie”.](https://fluostudio.pl/media/projekty/designoptyk/karta-korekcyjne.webp)![Projekt karty produktu dostępnego tylko w salonie: oznaczenie „Tylko stacjonarnie” i przyciski „Zapytaj o produkt” oraz „Umów na badanie”.](https://fluostudio.pl/media/projekty/designoptyk/karta-salon.webp) Projekt w Figmie. Ceny i telefony rozmyte. 1. Box „Szkła korekcyjne?” zaprasza na badanie wzroku w salonie. 2. Dostępność stacjonarna: salony, w których jest ten model. 3. Koszyk z wyborem ilości. 1. Zamiast pytania o szkła zaproszenie „Sprawdź swój wzrok” z przyciskiem „Umów badanie”. 2. Dostępność stacjonarna, jak na każdej karcie. 3. Koszyk dla modeli, które można kupić online. 1. Oznaczenie „Tylko stacjonarnie” nad nazwą modelu. 2. Na liście tylko salony, które mają ten model. 3. Zamiast koszyka „Zapytaj o produkt” i „Umów na badanie”. ### Kółka czy miniaturki? Jeden model Dity potrafi mieć wiele wersji, różnych też kolorem soczewek. Porównaliśmy w Figmie oba sposoby wyboru, przy czterech i przy dwunastu wariantach. Wygrały kółka: miniaturki zrobiłyby na karcie za dużo zamieszania, a przy dwóch materiałach kółko dzieli się na pół. Kolor producenta, np. Space Black, trafia w filtrach do prostej grupy: czarny. Sposób wyboru koloru Kółka Miniaturki Liczba wariantów 4 kolory 12 kolorów Zasada z projektu, odtworzona na przykładowych kolorach. ### Każdy salon ma swoją stronę Siedem salonów to siedem podstron: godziny, dojazd, marki dostępne na miejscu, zespół, opinie z Google i zdjęcia wnętrza. Zamiast doklejać różne mapki zaproponowaliśmy okno z planem galerii handlowej. Salon Wrocław **Renoma** Wrocław **Magnolia Park** Wrocław **Aleja Bielany** Poznań **Stary Browar** Katowice **Silesia** Gdańsk **Bałtycka** Gdynia **Klif** ![Podstrona salonu Design Optyk Wrocław Renoma: zdjęcie salonu, adres, godziny i przyciski „Umów badanie” i „Dojazd”.](https://fluostudio.pl/media/projekty/designoptyk/salon-wroclaw-renoma.webp)![Podstrona salonu Design Optyk Wrocław Magnolia Park: zdjęcie salonu, adres, godziny i przyciski „Umów badanie” i „Dojazd”.](https://fluostudio.pl/media/projekty/designoptyk/salon-wroclaw-magnolia.webp)![Podstrona salonu Design Optyk Wrocław Aleja Bielany: zdjęcie salonu, adres, godziny i przyciski „Umów badanie” i „Dojazd”.](https://fluostudio.pl/media/projekty/designoptyk/salon-wroclaw-aleja-bielany.webp)![Podstrona salonu Design Optyk Poznań Stary Browar: zdjęcie salonu, adres, godziny i przyciski „Umów badanie” i „Dojazd”.](https://fluostudio.pl/media/projekty/designoptyk/salon-poznan-stary-browar.webp)![Podstrona salonu Design Optyk Katowice Silesia: zdjęcie salonu, adres, godziny i przyciski „Umów badanie” i „Dojazd”.](https://fluostudio.pl/media/projekty/designoptyk/salon-katowice-silesia.webp)![Podstrona salonu Design Optyk Gdańsk Bałtycka: zdjęcie salonu, adres, godziny i przyciski „Umów badanie” i „Dojazd”.](https://fluostudio.pl/media/projekty/designoptyk/salon-gdansk-baltycka.webp)![Podstrona salonu Design Optyk Gdynia Klif: zdjęcie salonu, adres, godziny i przyciski „Umów badanie” i „Dojazd”.](https://fluostudio.pl/media/projekty/designoptyk/salon-gdynia-klif.webp) Podstrony salonów na designoptyk.com. ### Pod spodem Najwięcej pracy nie widać na ekranie. #### Sklep zna stany salonów Napisaliśmy aplikację, która czyta stany z programu magazynowego w salonach i przekazuje je do sklepu. Sztuka sprzedana online czeka w salonie dwie godziny jego pracy. Podłączyliśmy sześć z siedmiu salonów, a zamówienia, ceny i nowe produkty idą też przez BaseLinker. #### Katalog uporządkowany z pomocą AI Dobór swatchy kolorów do wariantów i rozpiskę metadanych zautomatyzowaliśmy z pomocą AI: kształt rozpoznawany ze zdjęć, płeć i materiał z danych dostawców, a każdy wynik sprawdzony ręcznie. Tak opisaliśmy ponad 500 oprawek, a dziewięć filtrów ustalonych z klientem zaczęło naprawdę filtrować. - typ - płeć - kształt - marka - kolor oprawy - kolor soczewki - kolekcja - materiał - cena #### Przeprowadzka bez strat Stare adresy przekierowaliśmy na nowe, najpierw według mapy strony, a po tygodniu według raportu z Google. Marki bez własnej strony prowadzą do salonu w tym samym mieście. ![Okno z planem poziomu 0 galerii handlowej i oznaczeniem „Jesteśmy tutaj”.](https://fluostudio.pl/media/projekty/designoptyk/mapa-galerii.webp) Plan galerii ![Para w okularach przeciwsłonecznych i skórzanych kurtkach siedzi w otwartym bagażniku samochodu na parkingu, sesja Design Optyk.](https://fluostudio.pl/media/projekty/designoptyk/sesja-parking-2400.webp) Sesja Design Optyk, zdjęcia ze sklepu designoptyk.com W salonie ## Marka poza ekranem ![Tabliczka Design Optyk z dwoma kodami QR: „Podziel się z nami swoją opinią” i „Zostańmy w kontakcie”.](https://fluostudio.pl/media/projekty/designoptyk/tabliczka-qr.webp) ### Tabliczki QR Tabliczka 130 × 100 mm z kodami do opinii Google i do Instagrama i Facebooka. Druk też był po naszej stronie: pierwszą partię odesłaliśmy do poprawki, a po udanej próbie przygotowaliśmy pliki dla wszystkich siedmiu salonów, każdy z kodem do wizytówki swojego salonu w Mapach Google. ![Beżowa torebka prezentowa Design Optyk z czarnymi uchwytami, z claimem i logotypem.](https://fluostudio.pl/media/projekty/designoptyk/torebka-wizualizacja.webp) ### Torebki, wizytówki, vouchery Wizytówki z tłoczeniem zamiast złota, voucher i kwadratowa torebka prezentowa 25 × 25 cm z claimem. ![Okleina na ścianie przy wejściu do galerii: czarny pas z logotypem, pod nim claim, dłoń z okularami i logotypy marek.](https://fluostudio.pl/media/projekty/designoptyk/okleina-wizualizacja.webp) ### Ściana w galerii Dla salonu w galerii handlowej zaprojektowaliśmy oklejenie ściany z logotypem, claimem i markami z oferty, z osobnym plikiem do druku na każdą szybę. ![Ciemne oprawki korekcyjne na czerwonym aksamicie, na czerwonym tle, zdjęcie produktowe Design Optyk.](https://fluostudio.pl/media/projekty/designoptyk/sesja-czerwien-2000.webp) Sesja Design Optyk, zdjęcia ze sklepu designoptyk.com Skala ## Jeden klient, piętnaście zleceń Zaczęło się od warsztatów, a dziś opiekujemy się sklepem. Klient wracał z kolejnymi rzeczami: do salonów, do sieci i do magazynu. zleceń, od warsztatów po opiekę nad sklepem 15 widoków w projekcie sklepu 37 szablony z arkuszem treści dla klienta 22 stref marek z tekstami od klienta 12 podstron salonów 7 salonów połączonych z magazynem sklepu 6 z 7 oprawek opisanych z pomocą AI 500+ przekierowania ze starej strony 53 ## Jeden wizerunek na torebce, w poście i w sklepie Sklep działa na designoptyk.com i wie, co leży na półkach w salonach. Tabliczki do zbierania opinii są przygotowane dla wszystkich siedmiu salonów, a marka ma jedną bibliotekę plików: księgę znaku, logotyp, claim, kolory i szablony postów. Klient Design Optyk Zakres Branding · Strona www · UI/UX Design · Social media · Materiały firmowe · Warsztaty strategiczne · Strategia komunikacji · Animacje · Kodowanie · Wdrożenie · Panel CMS · Uzupełnianie treści · Produkcja i druk Technologie WordPress · WooCommerce · Figma · BaseLinker · InPost Online [designoptyk.com](https://designoptyk.com/) ## Zobacz inne projekty Widok Duże kadry Siatka - [Mily Group Rebranding dostawcy poroża jelenia: strategia komunikacji, znak, księga znaku, strona milygroup.com i materiały na targi.](https://fluostudio.pl/projekty/mily-group/) - [Itodi Nowa marka mebli na wymiar od zera: nazwa, logo z wydłużonym „o”, projekt sklepu z konfiguratorem, instrukcja i opakowanie.](https://fluostudio.pl/projekty/itodi/) - [PolTREG Rebranding spółki biotechnologicznej z GPW, strona poltreg.bio dla pacjentów, inwestorów i partnerów oraz stała obsługa.](https://fluostudio.pl/projekty/poltreg/) - [Fundacja MultiSport Identyfikacja z design systemem w Figmie, strona zgodna z WCAG i duet brand hero, który zachęca do ruchu.](https://fluostudio.pl/projekty/fundacja-multisport/) - [Porta Drzwi Design system dla istniejącego znaku: rama z logo, siatki, ikony, rysunki, katalog, porta.com.pl, social media i materiały dla sprzedaży producenta drzwi.](https://fluostudio.pl/projekty/porta-drzwi/) - [Grupa Dawtona Cała komunikacja Dawtony poza półką: ponad 90 projektów, od postów i stoisk targowych po cztery serwisy i animacje.](https://fluostudio.pl/projekty/dawtona/) - [Overmax Projekt UX/UI sklepu Overmax: auta RC w filmowych ujęciach, dopracowana karta produktu, menu kategorii i test, który dobiera model.](https://fluostudio.pl/projekty/overmax/) - [PetCuisine Zbudowaliśmy od zera markę producenta karmy z Grupy Dawtona: od nazwy i hasła, przez opakowania w 12 smakach i stronę, po stoiska na targach w Europie.](https://fluostudio.pl/projekty/petcuisine/) - [Zippy Tail Zbudowaliśmy markę Zippy Tail od zera: nazwę, strategię, etykiety ośmiu suplementów dla psów i kotów, paczkę i projekt sklepu.](https://fluostudio.pl/projekty/zippy-tail/) - [Intima Clinic Sześć marek medycznych w jednej grupie. Warsztaty, nazwy, identyfikacja, oznakowanie placówki, druki, animacje i strona intimaclinic.pl.](https://fluostudio.pl/projekty/intima-clinic/) - [Vee Zaprojektowaliśmy markę Vee z submarkami, stronę vee.ai, aplikacje webowe i materiały na targi, a dla myvee identyfikację i salon.](https://fluostudio.pl/projekty/vee/) - [Acer Ponad 1200 zleceń dla pięciu rynków Acer, od banerów dla sieci handlowych po portal dla partnerów Acer UK.](https://fluostudio.pl/projekty/acer/) ## Stoicie przed podobnym wyzwaniem? Opowiedzcie nam, co chcecie zmienić. Na pierwszej rozmowie sprawdzimy, czy i jak możemy pomóc, bez zobowiązań. Porozmawiajmy [Umów 30 minut konsultacji](https://calendly.com/anita-fluo/darmowa-konsultacja-30-minut)