--- title: "Porta: design system i katalog drzwi" description: "Design system dla istniejącego znaku Porta: rama z logo, siatki, ikony, rysunki, katalog, strona porta.com.pl, social media i materiały dla sprzedaży." url: https://fluostudio.pl/projekty/porta-drzwi/ --- Porta # Znak został. Wokół niego zbudowaliśmy nowy język marki. Porta produkuje drzwi w fabrykach w Polsce i w Rumunii i sprzedaje je w ponad 2 500 punktach. Przyszła do nas w czasie dużych zmian w ofercie: razem z projektantką Mają Ganszyniec porządkowała ofertę i dzieliła ją na 10 linii wzorniczych. Nowa oferta potrzebowała nowej komunikacji. Logo było rozpoznawalne, więc zostało, a całą resztę zbudowaliśmy wokół niego. Zobacz, co zrobiliśmy Cel Uporządkować komunikację pod nowy podział oferty. Katalog miał być jednocześnie narzędziem sprzedaży, przewodnikiem z inspiracjami dla klientów i podręcznikiem dla sprzedawców. Rozwiązanie Logo i zieleń zostały. Z ramki znaku zrobiliśmy główny element identyfikacji, a wokół niej powstały siatki, ikony, rysunki, oznaczenia i szablony. Katalog odszedł od budowlanego stylu na rzecz zdjęć z codziennego życia. Efekt Design system dla znaku, który już był, opisany w obszernym brandbooku w Figmie. Według niego powstają katalog, porta.com.pl, social media i materiały dla sprzedaży. Identyfikacja w ruchu ## Cały system w jednym filmie Film zaczyna się od samych nawiasów, z których składa się znak. Potem pokazuje okładki katalogu, rozkładówki, stronę, posty, wizytówki, wobblery i naklejki do salonów. Współpraca ## Ponad 20 projektów dla jednej marki - 280 stron katalogu w trzech częściach, od inspiracji po dane techniczne - 4 wersje katalogu: drukowana, angielska, interaktywna i dla inwestorów - [4 serwisy i strony: porta.com.pl, strona katalogu, kariera i Porta PRO](https://fluostudio.pl/projekty/porta-pro/) - [30+ materiałów na jubileusz w Rumunii, każdy w dwóch językach](https://fluostudio.pl/projekty/porta-rumunia-20-lat/) - [5 języków animowanego zaproszenia na jubileusz](https://fluostudio.pl/projekty/porta-rumunia-20-lat/) - 1 design system: brandbook w Figmie, ikony, rysunki, szablony postów i prezentacji Do tego stała obsługa: posty, banery i materiały na bieżąco. > Misja marki z warsztatów > > Nasze produkty są cichymi bohaterami Twojej codzienności. Warsztaty ## Jeden katalog, trzech różnych czytelników Na warsztatach z zespołem Porta opisaliśmy misję, wartości i osobowość marki, a potem ludzi, którzy biorą katalog do ręki. Każdy z nich czyta go inaczej, więc katalog prowadzi od lekkich stron z inspiracjami do coraz bardziej technicznych. Kto czyta katalog? Klient Sprzedawca Nowy sprzedawca Urządza mieszkanie. Zaczyna od zdjęć wnętrz i dopiero potem wybiera linię i wykończenie. Stoi z klientem w salonie. Od razu przechodzi do linii wzorniczych, wymiarów i danych technicznych. Dopiero poznaje ofertę. Czyta katalog od początku do końca i uczy się z niego całej marki. 1. ![Kobieta w jasnym mieszkaniu, za nią otwarte białe drzwi](https://fluostudio.pl/media/projekty/porta-drzwi/zdjecie-wnetrze.webp) 01 Inspiracje 2. ![Rozkładówka katalogu z linią Geometric: zdjęcie drzwi, wykończenia i rysunki](https://fluostudio.pl/media/projekty/porta-drzwi/katalog-geometric.webp) 02 Linie wzornicze 3. ![Strona produktowa katalogu z wymiarami i wykończeniami, na niej telefon z katalogiem online](https://fluostudio.pl/media/projekty/porta-drzwi/katalog-natura-telefon.webp) 03 Produkty i dane Big idea ## Znak na części Logo zostało bez zmian. Rozłożyliśmy je na elementy i z nich zbudowaliśmy cały system. 1. 01 ### Znak Logo Porta to napis zamknięty w dwóch zielonych nawiasach. Klienci i sprzedawcy dobrze je znają, więc niczego w nim nie zmienialiśmy. > „Charakterystyczna dla logo PORTA jest minimalistyczna ramka (symbolizująca skrzydła drzwiowe) zamykająca logotyp w zwartej bryle.” > > Brandbook 2. 02 ### Dwa skrzydła Każdy nawias to skrzydło drzwi. Odsunęliśmy je od napisu i wydłużyliśmy, tak że razem tworzą ramę. Mieści się w niej zdjęcie, ikona, slajd albo cała okładka. > „Motyw został wykorzystany w postaci samego kształtu (bez zmian), delikatnej ramki wokół grafiki (np. ikonek) lub jako ramka wokół kompozycji.” > > Prezentacja koncepcji 3. 03 ### Klamka nowego otwarcia Do dwóch skrzydeł dołożyliśmy koło ze strzałką. Na rysunkach drzwi jest tam, gdzie klamka, i pokazuje kierunek otwierania. Na stronie, w postach i prezentacjach to przycisk, który zaprasza dalej. > „Możliwe jest używanie koła, które na zasadzie kontrastu stosowane jest w CTA.” > > Brandbook 4. 04 ### Siatka Rama wyznacza siatkę. Okładka ma pięć kolumn, a odstęp między nimi i margines mają grubość ramy. Rama może objąć jedną kolumnę albo trzy. > „Dobrą praktyką jest zastosowanie tej samej grubości dla ramki i odległości pomiędzy kolumnami.” > > Brandbook 5. 05 ### Okładka Z tych elementów składa się okładka katalogu: zdjęcie z codziennego życia, rama na trzech kolumnach i znak nad dwiema pozostałymi. > „Okładka katalogu zaprojektowana jest na układzie 5-kolumnowym.” > > Brandbook ### Zostało - Logo - Zieleń Porta ### Doszło - Rama i cienka rama - Siatki na 5 i 12 kolumn - Koło ze strzałką - System ikon - Rysunki drzwi - Oznaczenia produktów - Taśma reklamowa - Zasady zdjęć - Szablony postów i prezentacji - Styleguide strony Rama ## Rama pracuje wszędzie Raz jest samym znakiem, raz cienką ramą wokół ikony albo zdjęcia, raz obejmuje całą okładkę, slajd albo kartę wzornika. Gdzie pracuje rama Znak Okładka Zdjęcie Ikona Slajd Wzornik ![Logo Porta w nawiasach](https://fluostudio.pl/media/projekty/porta-drzwi/znak.webp) ![Dwie okładki katalogu Porta z zieloną ramą](https://fluostudio.pl/media/projekty/porta-drzwi/katalog-okladki.webp) ![Telefon z postem Porta: zdjęcie w zielonej ramie i okładka katalogu](https://fluostudio.pl/media/projekty/porta-drzwi/telefon-zapowiedz.webp) ![Ikona z symbolem cynku na siatce konstrukcyjnej, niedomknięta jak rama logo](https://fluostudio.pl/media/projekty/porta-drzwi/ikona-siatka.webp) ![Okładka prezentacji „Segmentacja oferty PORTA” w zielonej ramie](https://fluostudio.pl/media/projekty/porta-drzwi/slajd-segmentacja.webp) ![Zielona karta wzornika z hasłem „Otwórz, dotknij, wybierz” na próbce okleiny](https://fluostudio.pl/media/projekty/porta-drzwi/wzornik.webp) Siatka ## Pięć kolumn w poście, dwanaście w prezentacji Siatka wynika z ramy. Posty i okładki stoją na pięciu kolumnach, a materiały z dużą ilością treści, takie jak prezentacje, na dwunastu. Włącz siatkę i zobacz, jak układ trzyma się kolumn. > „Podstawą jest układ 5-kolumnowy i wynika on z zastosowania nawiasu po obu stronach w kompozycji symetrycznej.” > > Brandbook Projekt Post Prezentacja Okładka Pokaż siatkę ![Post „Witaj w Strefie Architekta Porta PRO” z zieloną ramą na dwóch ostatnich kolumnach](https://fluostudio.pl/media/projekty/porta-drzwi/post-02.webp) ![Okładka prezentacji „Segmentacja oferty PORTA” ze zdjęciem kobiety przy stole, rama po lewej stronie](https://fluostudio.pl/media/projekty/porta-drzwi/slajd-segmentacja.webp) ![Slajd „Grid” z prezentacji koncepcji: dwie okładki na pięciu kolumnach, w jednej rama obejmuje trzy kolumny](https://fluostudio.pl/media/projekty/porta-drzwi/koncepcja-08.webp) Katalog ## Katalog, który prowadzi jak dobry sprzedawca Najważniejszy materiał marki. Odeszliśmy od budowlanego stylu na rzecz zdjęć z codziennego życia. Pierwsze strony są lekkie, kolejne coraz bardziej techniczne, a na końcu sprzedawca znajduje każdy wymiar i wykończenie. ![Otwarty katalog Porta na drewnianym stole, obok zielone krzesło](https://fluostudio.pl/media/projekty/porta-drzwi/katalog-na-stole.webp) 280 stron w trzech częściach PL i EN dwie edycje językowe Online wersja interaktywna z animowanymi zdjęciami produktów ### Katalog online Wersja interaktywna prowadzi prosto do produktu, pozwala powiększać próbki kolorów i zdjęcia drzwi, a wybrane zdjęcia są animowane. 1. ![Okładka katalogu: Drzwi do Domu i Mieszkania](https://fluostudio.pl/media/projekty/porta-drzwi/katalog-online-okladka.webp) 2. ![Rozkładówka z liczbami o Porta i mapą Europy](https://fluostudio.pl/media/projekty/porta-drzwi/katalog-online-rozkladowka-design.webp) 3. ![Rozkładówka „Wspieramy architektów” i „Szkolimy monterów”](https://fluostudio.pl/media/projekty/porta-drzwi/katalog-online-rozkladowka-architekci.webp) 4. ![Rozkładówka „Odpowiedzialność w każdym detalu” ze zdjęciem lasu](https://fluostudio.pl/media/projekty/porta-drzwi/katalog-online-rozkladowka-odpowiedzialnosc.webp) [Katalog na porta.com.pl](https://www.porta.com.pl/katalog) ![Osiem rozkładówek katalogu z liniami Modern Classic, Basic Home, Natura i innymi](https://fluostudio.pl/media/projekty/porta-drzwi/katalog-rozkladowki.webp) ![Dwa katalogi Porta w wiklinowym koszu](https://fluostudio.pl/media/projekty/porta-drzwi/katalog-kosz.webp) Przed i po ## Ta sama oferta, nowy katalog Stary katalog dzielił ofertę na 17 rozdziałów według rodzaju drzwi. Nowy zaczyna od potrzeb, takich jak cisza w domu, swoboda aranżacji czy życie ze zwierzakiem, a potem prowadzi przez 10 linii wzorniczych. Porównaj Okładka Spis treści Drzwi ukryte Te same drzwi ![Nowa okładka katalogu: kobieta oparta o ścianę obok białych drzwi, zielona rama po krawędzi](https://fluostudio.pl/media/projekty/porta-drzwi/po-okladka.webp) Po ![Stara okładka katalogu: białe drzwi dwuskrzydłowe w jasnym salonie, duży napis z nazwą katalogu](https://fluostudio.pl/media/projekty/porta-drzwi/przed-okladka.webp) Przed **Przed** Zdjęcie drzwi w salonie i dużo tekstu **Po** Człowiek w domu, rama na siatce i znak ![Nowy spis: 10 linii wzorniczych, każda ze zdjęciem, listą modeli i numerem strony](https://fluostudio.pl/media/projekty/porta-drzwi/po-spis.webp) Po ![Stary spis treści: 17 rozdziałów według rodzaju drzwi i strona z miniaturami modeli](https://fluostudio.pl/media/projekty/porta-drzwi/przed-spis.webp) Przed **Przed** 17 rozdziałów według rodzaju drzwi **Po** 10 linii wzorniczych ze zdjęciem każdej linii ![Nowa rozkładówka „Drzwi, które znikają, by uwydatnić przestrzeń” z poradami i zdjęciami aranżacji](https://fluostudio.pl/media/projekty/porta-drzwi/po-hide.webp) Po ![Stary rozdział o drzwiach ukrytych: zdjęcie i karta produktu](https://fluostudio.pl/media/projekty/porta-drzwi/przed-hide.webp) Przed **Przed** Rozdział o produkcie **Po** Potrzeba: swoboda aranżacji, z poradami ![Nowe otwarcie linii Modern Classic z tymi samymi drzwiami we wnętrzu](https://fluostudio.pl/media/projekty/porta-drzwi/po-produkt.webp) Po ![Stara strona produktu: drzwi Powietrze w tabeli wariantów](https://fluostudio.pl/media/projekty/porta-drzwi/przed-produkt.webp) Przed **Przed** Tabela wariantów **Po** Linia wzornicza i drzwi we wnętrzu ### Strony potrzeb ![Rozkładówka „Drzwi, które pozwalają usłyszeć siebie” o wyciszeniu wnętrza](https://fluostudio.pl/media/projekty/porta-drzwi/potrzeba-wyciszenie.webp) ![Rozkładówka „Drzwi stworzone do życia ze zwierzakiem” z rysunkiem drzwi i zielonym kołem](https://fluostudio.pl/media/projekty/porta-drzwi/potrzeba-zwierzaki.webp) ![Katalog Porta otwarty na telefonie, który leży na drewnianym stole w smugach słońca](https://fluostudio.pl/media/projekty/porta-drzwi/katalog-telefon-stol.webp) Dla sprzedaży ## Ten sam język w ponad 2 500 punktach sprzedaży Nowy podział oferty trzeba było wytłumaczyć sprzedawcom. Zaprojektowaliśmy prezentację o nowej segmentacji i szablon do kolejnych, wzornik próbek, który klient może wziąć do ręki, i naklejki wyróżniające najważniejsze kolekcje w salonie. ![Cztery slajdy prezentacji o zmianach w ofercie, z numerowanymi punktami i zieloną ramą](https://fluostudio.pl/media/projekty/porta-drzwi/prezentacja-slajdy.webp) Prezentacja o nowej segmentacji oferty ![Zielona karta wzornika z hasłem „Otwórz, dotknij, wybierz” na próbce okleiny](https://fluostudio.pl/media/projekty/porta-drzwi/wzornik.webp) Wzornik próbek okleiny ![Czarne naklejki „Top kolekcje” na krawędziach drzwi w salonie](https://fluostudio.pl/media/projekty/porta-drzwi/koncepcja-25.webp) Naklejki „Top kolekcje” do salonów Social media ## Seria zamiast pojedynczych postów Posty stoją na tej samej siatce co okładka katalogu. Rama raz jest widoczna, raz tylko wyznacza miejsce na tekst. Dzięki temu posty o różnych liniach i funkcjach wyglądają jak jedna seria. ![Post Porta sprzed zmian: zdjęcia drzwi w kuchni z opisem modelu i koloru](https://fluostudio.pl/media/projekty/porta-drzwi/social-przed.webp) Przed ![Nowy post „Styl skandynawski”: drzwi Porta CPL, zdjęcie we wnętrzu i próbka koloru na siatce](https://fluostudio.pl/media/projekty/porta-drzwi/social-po.webp) Po 1. ![Post z nowością: białe drzwi w salonie, oznaczenia „Nowość” wzdłuż krawędzi](https://fluostudio.pl/media/projekty/porta-drzwi/post-01.webp) 2. ![Post „Witaj w Strefie Architekta Porta PRO” z zieloną ramą](https://fluostudio.pl/media/projekty/porta-drzwi/post-02.webp) 3. ![Post „Modern Classic” z czterema modelami drzwi na czarnym tle](https://fluostudio.pl/media/projekty/porta-drzwi/post-03.webp) 4. ![Post „Natura Koncept C.6” z wymiarami i zdjęciem sypialni](https://fluostudio.pl/media/projekty/porta-drzwi/post-04.webp) 5. ![Post z trzema wnętrzami w stylu japandi i mid century modern](https://fluostudio.pl/media/projekty/porta-drzwi/post-05.webp) 6. ![Post „Hydro Protect” z pionowym napisem i gumową kaczką w kałuży](https://fluostudio.pl/media/projekty/porta-drzwi/post-06.webp) Strony ## porta.com.pl w nowym języku Zaprojektowaliśmy menu według nowego podziału oferty, strony linii wzorniczych, stronę katalogu i stronę kariery. To zrzuty strony, która dziś działa, z dopiskiem „Designed by fluostudio” w stopce. Strona Strona główna Linia Geometric Kariera Katalog ![Strona główna porta.com.pl: nowości, linie wzornicze i mapa sprzedaży](https://fluostudio.pl/media/projekty/porta-drzwi/zywa-glowna.webp)![Strona linii Geometric: drzwi z geometrycznym frezem, modele i klamki](https://fluostudio.pl/media/projekty/porta-drzwi/zywa-geometric.webp)![Strona kariery: wartości, benefity, proces rekrutacji i zdjęcia fabryk](https://fluostudio.pl/media/projekty/porta-drzwi/zywa-kariera.webp)![Strona katalogu: „Nowy katalog Porta” na zdjęciu kobiety z katalogiem](https://fluostudio.pl/media/projekty/porta-drzwi/zywa-katalog.webp) ![Strona główna porta.com.pl na telefonie](https://fluostudio.pl/media/projekty/porta-drzwi/zywa-glowna-tel.webp) [porta.com.pl](https://www.porta.com.pl/) Drzwi w domu Katalog i strona mówią zdjęciami z codziennego życia, a nie z hurtowni budowlanej. ![Białe drzwi z ramiakami w jasnym przedpokoju, za nimi kuchnia z okrągłym stołem](https://fluostudio.pl/media/projekty/porta-drzwi/aranzacja-sevilla.webp) ![Drzwi z jasnego dębu na końcu korytarza z łukowym przejściem](https://fluostudio.pl/media/projekty/porta-drzwi/aranzacja-natura.webp) ![Białe drzwi ze złotą klamką w salonie z jasną boazerią i roślinami](https://fluostudio.pl/media/projekty/porta-drzwi/aranzacja-desire.webp) ![Dębowe drzwi w wiejskiej kuchni z belkami pod sufitem](https://fluostudio.pl/media/projekty/porta-drzwi/aranzacja-vigo.webp) ![Białe gładkie drzwi w pokoju z biurkiem i półkami](https://fluostudio.pl/media/projekty/porta-drzwi/aranzacja-factor.webp) ![Kobieta w progu jasnego mieszkania, obok uchylone białe drzwi do sypialni](https://fluostudio.pl/media/projekty/porta-drzwi/kampania-drzwi.webp) Brandbook ## Obszerny brandbook w Figmie Obok katalogu to najważniejsze narzędzie marki. Ma pięć rozdziałów: logo, identyfikacja, kompozycje, katalog i elementy marki. Każda zasada ma przykład, więc każdy, kto projektuje dla Porta, wie, jak użyć ramy, siatki, zdjęć i ikon. Rozdział Logo Identyfikacja Kompozycje Katalog i elementy marki 1. ![Okładka brandbooka: zielona plansza z napisem Brand Guidelines i logo](https://fluostudio.pl/media/projekty/porta-drzwi/brandbook-01.webp) 2. ![Spis treści: logo, identyfikacja, kompozycje, katalog, elementy marki](https://fluostudio.pl/media/projekty/porta-drzwi/brandbook-02.webp) 3. ![Budowa znaku: logotyp w nawiasach i sygnet z literą P](https://fluostudio.pl/media/projekty/porta-drzwi/brandbook-05.webp) 4. ![Znak na tle: logo na jasnym, ciemnym, zielonym tle i na zdjęciu](https://fluostudio.pl/media/projekty/porta-drzwi/brandbook-07.webp) 1. ![Nowy język wizualny: kolory, ikony, key visual i rysunki](https://fluostudio.pl/media/projekty/porta-drzwi/brandbook-09.webp) 2. ![Key visual: rama i cienka rama wokół komunikatów](https://fluostudio.pl/media/projekty/porta-drzwi/brandbook-10.webp) 3. ![Zdjęcia: domowe wnętrza, codzienność, postacie w ruchu](https://fluostudio.pl/media/projekty/porta-drzwi/brandbook-13.webp) 4. ![Ikonografia: ikony skrzydła, ościeżnicy i właściwości](https://fluostudio.pl/media/projekty/porta-drzwi/brandbook-14.webp) 5. ![Oznaczenia: kolorowe paski z informacjami o produkcie](https://fluostudio.pl/media/projekty/porta-drzwi/brandbook-15.webp) 6. ![Rysunki: drzwi cienką linią z zielonym kołem w miejscu klamki](https://fluostudio.pl/media/projekty/porta-drzwi/brandbook-16.webp) 1. ![Układ: ramy na siatce pięciu kolumn](https://fluostudio.pl/media/projekty/porta-drzwi/brandbook-18.webp) 2. ![Układ: siatka kolumn na całej rozkładówce](https://fluostudio.pl/media/projekty/porta-drzwi/brandbook-19.webp) 3. ![Marginesy wynikające z ramy](https://fluostudio.pl/media/projekty/porta-drzwi/brandbook-20.webp) 4. ![Projekt krok po kroku: zdjęcie, rama, tekst i elementy dodatkowe](https://fluostudio.pl/media/projekty/porta-drzwi/brandbook-21.webp) 5. ![Taśma reklamowa: rama jako pas z komunikatem na krawędzi strony](https://fluostudio.pl/media/projekty/porta-drzwi/brandbook-22.webp) 6. ![Możliwości: piętnaście okładek z ramą w różnych układach](https://fluostudio.pl/media/projekty/porta-drzwi/brandbook-24.webp) 1. ![Obrót o 90°: pionowe nagłówki na stronach katalogu](https://fluostudio.pl/media/projekty/porta-drzwi/brandbook-31.webp) 2. ![Social media: post na siatce z opisem marginesów](https://fluostudio.pl/media/projekty/porta-drzwi/brandbook-33.webp) 3. ![Prezentacja: okładka na siatce dwunastu kolumn](https://fluostudio.pl/media/projekty/porta-drzwi/brandbook-34.webp) 4. ![Prezentacja: slajdy z numerowaną listą i cienką linią](https://fluostudio.pl/media/projekty/porta-drzwi/brandbook-36.webp) 5. ![Strona www: projekt strony w języku katalogu](https://fluostudio.pl/media/projekty/porta-drzwi/brandbook-37.webp) 6. ![Wzornik: karta próbek z hasłem „Otwórz, dotknij, wybierz”](https://fluostudio.pl/media/projekty/porta-drzwi/brandbook-39.webp) Ikony i rysunki ## Ikony i rysunki zbudowane jak znak Ikony tłumaczą techniczne cechy drzwi: rodzaj ościeżnicy, wymiary i kierunek otwierania skrzydła, odporność na ogień, dym i wilgoć. Rysunki pokazują drzwi cienką linią, a zielone koło w miejscu klamki mówi, w którą stronę się otwierają. > „Minimalistyczne ikony zbudowane cienką linią podkreślają techniczny aspekt marki. Ikony zaprojektowane zostały na siatce. Subtelnym detalem nawiązującym do marki jest przecięta linia (na wzór logo).” > > Brandbook ### Ościeżnica ### Skrzydło ### Właściwości i dodatki Najedź na ikonę, żeby narysować ją jeszcze raz. ![Rysunki z brandbooka: sześcioro drzwi cienką linią z zielonymi kołami ze strzałką i rysunki techniczne ościeżnic](https://fluostudio.pl/media/projekty/porta-drzwi/rysunki.webp) Rysunki drzwi i rysunki techniczne Animacje ## Ruch w tym samym systemie Animacje stały się ważną częścią nowej komunikacji. W prosty i szybki sposób pokazują, co zmieniło się w katalogu i na stronie: ramy się otwierają, okładka składa się z kolumn, a produkty pokazują się w ruchu. Okładka katalogu Katalog interaktywny porta.com.pl Hydro Protect w katalogu online Linia Horizontal w katalogu online Kampania w social mediach Zapowiedź katalogu, z dźwiękiem Wydarzenia ## A potem 20 lat Porta w Rumunii Fabryka w Aradzie świętowała jubileusz. Zaprojektowaliśmy identyfikację i oprawę trzech dni: zaproszenie w pięciu językach, ekrany na scenę, galę i album o historii marki. [Zobacz jubileusz](https://fluostudio.pl/projekty/porta-rumunia-20-lat/) ## Design system dla znaku, który już był. Logo zostało takie, jakie znają klienci. Dołożyliśmy do niego ramę, siatki, koło ze strzałką, system ikon i rysunków, oznaczenia, taśmę reklamową, zasady zdjęć i szablony. Wszystko jest nowe i dopracowane, a przede wszystkim działa w codziennej pracy: według tych zasad powstają kolejne katalogi, posty, prezentacje i strony. Klient Porta Zakres Warsztaty, identyfikacja, brandbook, katalogi, strony, animacje, social media, materiały dla sprzedaży, wydarzenia Online [porta.com.pl](https://www.porta.com.pl/) ## Zobacz inne projekty Widok Duże kadry Siatka - [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/) - [Regamet Odświeżony znak, księga znaku z 48 ikonami i 56-stronicowy katalog pokryć dachowych dla producenta z Mielca.](https://fluostudio.pl/projekty/regamet/) - [Itrons System pięciu submarek zbudowany z jednego heksagonu, identyfikacja wizualna i strona itrons.pl dla krakowskiej firmy instalacyjnej.](https://fluostudio.pl/projekty/itrons/) - [Septima Design Odświeżyliśmy logo krakowskiej pracowni wnętrz i zaprojektowaliśmy jej identyfikację, stronę oraz katalog 26 kart produktów.](https://fluostudio.pl/projekty/septima-design/) - [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/) - [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)