--- title: "Hana Design: logo, materiały i konfigurator" description: "Lifting logo, druki z miedzianym hotstampingiem, materiały dla architektów, strona z konfiguratorem dla ok. 2000 produktów i oklejenie aut dla Hana Design." url: https://fluostudio.pl/projekty/hana-design/ --- Hana Design # Tło, na którym grają meble Hana Design z Krakowa wyposaża biura i wnętrza komercyjne meblami kilkudziesięciu światowych marek. Prowadziliśmy jej markę: od liftingu logo, przez katalogi dla architektów i stronę z konfiguratorem, po oklejone auta i kartki na święta. Zobacz, co zrobiliśmy Współpraca ## Jeden zespół od logo po flotę aut Zaczęliśmy od warsztatów i odświeżenia logo. Potem przyszły katalogi, prezentacje, strona, auta, newslettery i dziesiątki drobnych zleceń, których marka potrzebuje co miesiąc. Wszystkie robił ten sam zespół, który znał identyfikację na pamięć. - 13 architektów w ankiecie przed projektem strony - 50\+ zleceń, od wizytówek po flotę aut - ok. 2000 kart produktów w serwisie, który zaprojektowaliśmy i wdrożyliśmy - ok. 80 marek z własnymi podstronami Liczba produktów i marek według mapy strony hanadesign.pl. Lifting logo ## Odświeżyć, nie zaczynać od nowa Marka była rozpoznawalna, więc nie było powodu jej zmieniać. Odręczne „hana” pisane cienką linią nie zawsze było czytelne, a logo miało tylko jedną wersję, którą trudno było zmieścić na teczce, aucie czy w nagłówku strony. Wyrównaliśmy proporcje między „hana” i „design”, dodaliśmy minimalistyczny sygnet wywiedziony z kształtu mebla i wersję poziomą. Czerń i biel uzupełniły szarości i miedziane złoto, a do bezszeryfowego kroju doszedł szeryfowy. Wersja znaku Pionowa Pozioma Sygnet Tło Czerń Miedź Jasne Podgląd wybranej wersji logo Hana Design na wybranym tle. 1. 01 **Czytelne „hana”** Mocniejsza linia i proporcje wyrównane z „design”. 2. 02 **Sygnet z mebla** Znak, który działa sam: na ścianie, hafcie, awatarze. 3. 03 **Wersja pozioma** Do nagłówka strony, na auto i na długie formaty. - **Grafit** HEX #262626 CMYK 0 0 0 85 - **Miedziane złoto** HEX #fccc96 CMYK 0 19 40 1 - **Biel** HEX #ffffff CMYK 0 0 0 0 - **Roboto** Krój główny - **Abril Fatface** Krój pomocniczy Szeryfowy krój pomocniczy podkreśla doświadczenie marki i jej charakter premium. ![Sygnet Hana Design na jasnoszarej ścianie w miękkim świetle.](https://fluostudio.pl/media/projekty/hana-design/sygnet-sciana.webp) Sygnet ![Wizytówka Hana Design z miedzianymi ikonami mebli trzymana w ciemności.](https://fluostudio.pl/media/projekty/hana-design/duze-wizytowka.webp) Materiały firmowe ## Miedź, którą czuć pod palcem Identyfikacja nie może konkurować z meblami, które są często kolorowe i ciekawe w formie. Dlatego druki są ciche: czarny papier barwiony w masie, dużo powietrza i jeden akcent, miedziane złoto. Na wizytówkach to hotstamping, czyli folia wtłoczona w papier na gorąco. Szeroką ofertę pokazują linearne ikony mebli: krzesło, biurko, komoda, fotel i lampa narysowane cienką kreską. - wizytówki z czarnego kartonu z hotstampingiem w kolorze miedzianego złota - teczki zadrukowane z obu stron - papier firmowy w dwóch wersjach: z miedzianym zadrukiem i czarno-biały do biurowej drukarki - czarne koperty z miedzianym nadrukiem - Teczka ofertowa - Koperta - Papier firmowy - Kartka wielkanocna - Kartki świąteczne - Notes Dla architektów ## Najpierw zapytaliśmy architektów Architekci i projektanci wnętrz dobierają meble do swoich projektów, więc to oni decydują, u kogo klient kupi. Zanim powstała nowa strona, zrobiliśmy wśród nich ankietę. Odpowiedziało 13 osób i ich odpowiedzi ułożyły priorytety projektu. 1. ### Pliki do projektu Modele 3D i CAD, wymiary i rysunki techniczne. Bez nich produktu nie da się wstawić do wizualizacji. 2. ### Tapicerka i cena W konfiguratorze najważniejsze są tkanina i cena wybranego wariantu, dopiero potem mechanizm i kolor stelaża. 3. ### Konkretne filtry Cena, kolor, wysokość i głębokość, materiał, pomieszczenie i styl. 4. ### Katalogi w jednym miejscu 8 z 13 osób chciało mieć katalogi i materiały marek zebrane na stronie dostawcy. ### Materiały, które zostawia się na biurku - Katalog marek, produktów i realizacji - Broszura o krześle ergonomicznym - Katalog, spis producentów - Ulotka - Ulotka dla biur sprzedaży deweloperów - Prezentacja ze skróconą ofertą ![Osoba przy laptopie z otwartą stroną Hana Design.](https://fluostudio.pl/media/projekty/hana-design/duze-strona-laptop.webp) Strona z konfiguratorem ## Jeden konfigurator na dwa tysiące mebli W menu obok kategorii produktów wyróżniliśmy konkretne marki, żeby łatwiej było dojść do produktu. Najtrudniejsze w projekcie strony było to, że meble są bardzo różne. Krzesło ma tapicerkę i stelaż, biurko blat i nogi, lada recepcyjna melaminę i metal. Zaprojektowaliśmy strukturę konfiguratora, która pasuje do każdego z nich. Na karcie produktu klient wybiera warianty z wzornika w okienku, widzi tylko swój wybór i dodaje produkt do zapytania. Zapytanie działa jak koszyk, ale zamiast płatności trafia do handlowca. Obok są dane techniczne, wzornik i pliki do pobrania: modele 2D i 3D w DWG, 3DS i SKP, katalog marki i tekstury. MARO Lada recepcyjna Emel Melamina: **STD1 biały STD2 biały wysoki połysk STD3 popiel STD4 beżowy STD5 norweska zieleń STD6 granatowy STD7 grafit STD8 czarny STD10 akacja STD11 klon europejski STD12 dąb neapolitano STD13 świerk szary STD14 dąb amerykański STD15 dąb naturalny STD16 czereśnia havana STD17 orzech brunatny** STD1 biały STD2 biały wysoki połysk STD3 popiel STD4 beżowy STD5 norweska zieleń STD6 granatowy STD7 grafit STD8 czarny STD10 akacja STD11 klon europejski STD12 dąb neapolitano STD13 świerk szary STD14 dąb amerykański STD15 dąb naturalny STD16 czereśnia havana STD17 orzech brunatny Metal: **M01 aluminium M02 biały M03 beżowy M04 czarny M05 grafit** M01 aluminium M02 biały M03 beżowy M04 czarny M05 grafit Wzornik melamin i metali z hanadesign.pl Strona główna hanadesign.pl ![Projekt karty produktu na telefonie: zdjęcie krzesła, wybrane cechy konfiguracji, dane techniczne i pliki do pobrania.](https://fluostudio.pl/media/projekty/hana-design/projekt-mobile-produkt.webp) Karta produktu na telefonie Oklejenie aut ## Po drodze do Twojego biura Tak brzmi hasło Hana Design, a auta handlowców i montażystów jeżdżą z nim po całym mieście. Oklejenie rozwija pociągnięcie z logo: „hana” biegnie wzdłuż całego boku, a pod nim stoją ikony mebli z katalogu. Najpierw osobowa Fiesta, a gdy flota urosła, dostawczy Ducato w tej samej linii. ![Biały Ford Fiesta z czarną linią napisu „hana” na boku i ikonami mebli.](https://fluostudio.pl/media/projekty/hana-design/fiesta-bok.webp) ### Ford Fiesta - Tył - Z góry ![Biały Fiat Ducato z dużym napisem „hana” wzdłuż boku i ikonami kategorii mebli.](https://fluostudio.pl/media/projekty/hana-design/ducato-bok-lewy.webp) ### Fiat Ducato - Tył - Przód ## Marka w kadrze ![Czarna bluza z wyhaftowanym miedzianym logo Hana Design.](https://fluostudio.pl/media/projekty/hana-design/duze-bluza.webp) ## Marka, która nie zasłania produktu Hana Design dostała spójny, spokojny wizerunek marki premium, stronę, którą łatwo rozbudowywać o kolejne marki i produkty, i narzędzia, po które architekci sięgają przy projekcie. Kolejne materiały nie zaczynały się od zera. Robił je zespół, który znał identyfikację i potrzeby marki, pilnował jakości druku i koordynował dodruki w jednym miejscu. Klient Hana Design, Kraków Współpraca 50+ zleceń Zakres - Warsztaty strategiczne - Branding - Logo - Materiały firmowe - Katalog - Ulotki i broszury - Prezentacje PPTX - UI/UX Design - Strona www - Kodowanie - Panel CMS - Wdrożenie - Uzupełnianie treści - Animacje - Social media - Gadżety - Produkcja i druk Technologie - WordPress - WooCommerce - konfigurator produktów - GetResponse Online [hanadesign.pl](https://hanadesign.pl/) ## Zobacz inne projekty Widok Duże kadry Siatka - [Novicare Identyfikacja producenta i dystrybutora sprzętu ortopedycznego, submarka Novicare24, witryny, materiały i sklep internetowy.](https://fluostudio.pl/projekty/novicare/) - [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/) - [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/) - [Biurokoncept Zaprojektowaliśmy i zakodowaliśmy biurokoncept.pl: katalog ponad tysiąca mebli z konfiguratorem pCon i koszykiem zapytań.](https://fluostudio.pl/projekty/biurokoncept/) - [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/) - [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/) - [Design Optyk Rodzinna sieć salonów optycznych premium: identyfikacja bez złota, materiały do salonów i nowy sklep połączony z magazynami sześciu z siedmiu salonów.](https://fluostudio.pl/projekty/designoptyk/) - [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/) - [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/) ## 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)