---
title: "HomeKoncept: marka pracowni projektów domów"
description: "Przebudowa marki pracowni projektów domów HomeKoncept: znak, księga znaku, 25 materiałów, katalog i projekt sklepu z gotowymi projektami domów."
url: https://fluostudio.pl/projekty/homekoncept/
---

![Dłoń kładzie na stole okładkę projektu domu HomeKoncept z hasłem „Mamy plan na Twoją przestrzeń”.](https://fluostudio.pl/media/projekty/homekoncept/hk-hero-okladka.webp)

HomeKoncept

# Marka zbudowana jak dobry projekt domu

HomeKoncept to krakowska pracownia, która projektuje nowoczesne domy i sprzedaje gotowe projekty. Poprowadziliśmy rebranding pracowni od warsztatów po księgę znaku, a na nowym systemie zaprojektowaliśmy materiały firmowe, reklamy, okładki projektów, katalog i serwis z wyszukiwarką domów.

Zobacz, jak powstawała

Klient

HomeKoncept, Kraków

Zakres

Strategia, identyfikacja, materiały, UX/UI

Skala

25 materiałów i serwis

Arkusz

01 / 07

Punkt wyjścia

## Pracownia urosła szybciej niż jej logo

Gdy zaczynaliśmy, HomeKoncept miał za sobą osiem lat sprzedaży projektów i ponad tysiąc sprzedanych projektów (dane z historii firmy na homekoncept.com.pl). Stary znak z dachem, czerwonym „Home” i dopiskiem „Projekty domów nowoczesnych” wyglądał jak setki innych w tej branży.

Domy z oferty pracowni wyróżniają nowoczesne wzornictwo, przemyślane rozwiązania i dopracowane wizualizacje. Marka miała w końcu wyglądać tak samo: minimalistycznie, ponadczasowo i nieszablonowo.

Po

![Dawne logo HomeKoncept: zarys dachu, czerwone słowo Home, czarne KONCEPT i dopisek Projekty domów nowoczesnych.](https://fluostudio.pl/media/projekty/homekoncept/hk-logo-2018.webp) Przed

Arkusz 02 · Założenia

## Najpierw warsztaty, potem kreska

Zaczęliśmy od warsztatów z zespołem HomeKoncept, w dwóch panelach: o wartościach firmy, grupie docelowej i trendach. Zaraz potem pracownia dostała moodboard z wnioskami i dwoma kierunkami wizualnymi.

Rdzeń marki ustalony na warsztatach

1.  01 Nieszablonowa
2.  02 Minimalistyczna
3.  03 Ponadczasowa

Kobiety i mężczyźni w wieku 25–50 lat, dla których w projekcie domu liczą się design, trendy i funkcjonalny układ. W dużej części klienci premium albo tacy, którzy chcą być tak postrzegani.

> HomeKoncept nie sprzedaje planów. HomeKoncept spełnia marzenia.
>
> Założenie wizerunkowe z moodboardu

> Najlepiej uderzyć obrazem, typografią, odrobiną luksusu.
>
> Wniosek o grupie docelowej z moodboardu

Dwa kierunki z moodboardu

Kierunek 1 Kierunek 2

-   czerń
-   biel
-   miedź

Czerń i biel z miedzią. Typografia szeryfowa w parze z bezszeryfową.

-   grafit
-   szarość
-   biel
-   srebro

Szarości, biel i srebro. Wyłącznie typografia bezszeryfowa.

Celem był prosty klucz wizualny osadzony w dość ekskluzywnej stylistyce. W znaku została czysta typografia bezszeryfowa i spokojna paleta czerni, chłodnej szarości i bieli. Od razu z papierem firmowym i wizytówką.

![Sygnet HK wytłoczony na białym papierze.](https://fluostudio.pl/media/projekty/homekoncept/hk-logo-papier.webp)

Arkusz 03 · Znak

## Litera H wyznacza wymiary całej marki

Znak to wyważone logo typograficzne zbudowane na kroju bezszeryfowym. Inspiracją były projekty domów, więc dostał swoją siatkę i jednostki miary. X to szerokość litery H w napisie HOMEKONCEPT, a Y to jej wysokość. Z nich wynikają proporcje logotypu, hasła i sygnetu HK, pole ochronne i belka z adresem strony.

Księga znaku opisuje to w 13 rozdziałach: wersje znaku i ich budowę, wersje z aplą, kolorystyczne i niedozwolone modyfikacje, belkę z adresem, typografię i kolory.

Widok

Znak Budowa X i Y Pole ochronne

Wersja

Logotyp Z hasłem Sygnet

Tło

Czarny na białym Czarny na szarym Szary na czarnym

-   Czerń

    HEX

    #262626

    CMYK

    C65 M55 Y55 K75

    RGB

    38 38 38

    Pantone

    Jet Black

-   Szary

    HEX

    #D9DCDE

    CMYK

    C15 M10 Y10 K0

    RGB

    217 220 222

    Pantone

    Cool Gray 1 U

-   Biel

    HEX

    #FFFFFF

    CMYK

    C0 M0 Y0 K0

    RGB

    255 255 255

    Pantone

    White C

### Typografia

Dwie bezszeryfowe rodziny krojów, które razem dają minimalistyczne, ale efektowne połączenie.

Aktiv Grotesk Ex

krój podstawowy: nagłówki, logotyp, nośniki

Work Sans

długie i drobne teksty

Na tej stronie piszemy krojem Work Sans. Aktiv Grotesk Ex to krój licencjonowany, dlatego pokazujemy go tylko na zdjęciach materiałów.

Główna idea

Minimalistyczny design, uporządkowany i stonowany, który współgra z projektami domów. Efekt to prosty, nieprzeładowany wizerunek, dopasowany do tego, czym pracownia się zajmuje.

![Otwarty katalog HomeKoncept z zapowiedzią nowego projektu domu 076 D.](https://fluostudio.pl/media/projekty/homekoncept/hk-katalog-rozkladowka.webp)

![Dwa otwarte katalogi HomeKoncept z wizualizacjami i rzutami domów.](https://fluostudio.pl/media/projekty/homekoncept/hk-katalog-rozkladowki.webp)

![Plakat HomeKoncept na betonowej ścianie przy schodach.](https://fluostudio.pl/media/projekty/homekoncept/hk-plakaty.webp)

![Okładka katalogu projektów HomeKoncept na ciemnej półce.](https://fluostudio.pl/media/projekty/homekoncept/hk-okladka-katalogu.webp)

Arkusz 04 · Materiały

## Od biura po plac budowy

Marka miała działać wszędzie, gdzie klient ją spotyka. Wszystkie materiały trzymają się tej samej siatki, wziętej z rysunku projektu domu, więc całość jest uporządkowana i symetryczna. Bez ozdobników: pierwsze skrzypce zawsze gra wizualizacja domu.

01 Biuro 02 Reklama 03 Sprzedaż 04 Budowa

Wizytówka, papier firmowy, koperta, stopka mailowa i wzór e-maila. Do tego znakowane długopisy i pudełka.

[![Dłoń trzymająca czarną wizytówkę HomeKoncept z logotypem i hasłem.](https://fluostudio.pl/media/projekty/homekoncept/hk-wizytowka.webp)](https://fluostudio.pl/media/projekty/homekoncept/hk-wizytowka.webp)

[![Czarne koperty firmowe HomeKoncept z logotypem i białą kopertą z okienkiem.](https://fluostudio.pl/media/projekty/homekoncept/homekoncept-koperty.webp)](https://fluostudio.pl/media/projekty/homekoncept/homekoncept-koperty.webp)

[![Czarny notes z wytłoczonym sygnetem HK i długopisem.](https://fluostudio.pl/media/projekty/homekoncept/hk-notes-sygnet.webp)](https://fluostudio.pl/media/projekty/homekoncept/hk-notes-sygnet.webp)

Plakat, roll-up, reklama prasowa 222 × 148 mm, reklamy w Google w formatach od 120 × 120 do 300 × 600 px, posty na Facebooka i kartki świąteczne.

[![Plakat HomeKoncept z wizualizacją domu 074 w gablocie na przystanku.](https://fluostudio.pl/media/projekty/homekoncept/hk-plakat-wiata.webp)](https://fluostudio.pl/media/projekty/homekoncept/hk-plakat-wiata.webp)

[![Plakat HomeKoncept naklejony na betonową ścianę obok ażurowej siatki.](https://fluostudio.pl/media/projekty/homekoncept/hk-scena-plakat.webp)](https://fluostudio.pl/media/projekty/homekoncept/hk-scena-plakat.webp)

[![Roll-up HomeKoncept z wizualizacją domu 066 i hasłem marki.](https://fluostudio.pl/media/projekty/homekoncept/hk-roll-up.webp)](https://fluostudio.pl/media/projekty/homekoncept/hk-roll-up.webp)

[![Rozkładówka czasopisma z całostronicową reklamą HomeKoncept.](https://fluostudio.pl/media/projekty/homekoncept/hk-reklamy-prasowe.webp)](https://fluostudio.pl/media/projekty/homekoncept/hk-reklamy-prasowe.webp)

[![Dwa plakaty HomeKoncept z wizualizacjami domów na betonowej ścianie.](https://fluostudio.pl/media/projekty/homekoncept/hk-plakaty.webp)](https://fluostudio.pl/media/projekty/homekoncept/hk-plakaty.webp)

[![Posty HomeKoncept w mediach społecznościowych na ekranie telefonu.](https://fluostudio.pl/media/projekty/homekoncept/hk-instagram.webp)](https://fluostudio.pl/media/projekty/homekoncept/hk-instagram.webp)

Okładka projektu, który kupuje klient, karta projektu do pobrania w PDF i katalog ułożony w cztery kategorie domów (parterowe, piętrowe, z poddaszem i letniskowe), z ikonami sypialni i łazienek oraz sześcioma parametrami każdego domu.

[![Dwie okładki projektów domów HomeKoncept z numerami projektów.](https://fluostudio.pl/media/projekty/homekoncept/hk-okladki-projektow.webp)](https://fluostudio.pl/media/projekty/homekoncept/hk-okladki-projektow.webp)

[![Okładka katalogu projektów HomeKoncept na ciemnej półce.](https://fluostudio.pl/media/projekty/homekoncept/hk-okladka-katalogu.webp)](https://fluostudio.pl/media/projekty/homekoncept/hk-okladka-katalogu.webp)

[![Rozkładówka katalogu z zapowiedzią nowego projektu HomeKoncept 076 D.](https://fluostudio.pl/media/projekty/homekoncept/hk-katalog-rozkladowka.webp)](https://fluostudio.pl/media/projekty/homekoncept/hk-katalog-rozkladowka.webp)

Projekt układu katalogu

Okładka dziennika budowy, tablica budowy i baner na płot. To rzeczy, z którymi klient zostaje na długo po zakupie projektu, więc zaprojektowaliśmy je tak samo starannie jak reklamy.

[![Dziennik budowy HomeKoncept z wizualizacją domu na okładce.](https://fluostudio.pl/media/projekty/homekoncept/homekoncept-dziennik-budowy.webp)](https://fluostudio.pl/media/projekty/homekoncept/homekoncept-dziennik-budowy.webp)

[![Okładka dziennika budowy dla budynków mieszkalnych z belką sygnetu i adresem strony.](https://fluostudio.pl/media/projekty/homekoncept/hk-dziennik-budowy-okladka.webp)](https://fluostudio.pl/media/projekty/homekoncept/hk-dziennik-budowy-okladka.webp)

[![Tablica informacyjna budowy HomeKoncept zawieszona na drewnianej elewacji obok pracownika przy płycie OSB.](https://fluostudio.pl/media/projekty/homekoncept/hk-tablica-budowy.webp)](https://fluostudio.pl/media/projekty/homekoncept/hk-tablica-budowy.webp)

[![Baner HomeKoncept „Projekty domów nowoczesnych” rozpięty na betonowym ogrodzeniu.](https://fluostudio.pl/media/projekty/homekoncept/hk-baner.webp)](https://fluostudio.pl/media/projekty/homekoncept/hk-baner.webp)

![Tablet z kartą projektu domu w serwisie HomeKoncept, obok rysik.](https://fluostudio.pl/media/projekty/homekoncept/hk-serwis-tablet.webp)

Arkusz 05 · Serwis

## Sklep z projektami domów, zaprojektowany pod dodatki

Strona to miejsce, w którym pracownia pokazuje domy z oferty, więc przede wszystkim ma wspierać zakup: być przejrzysta, a na karcie projektu podawać obrazowo wszystkie potrzebne informacje.

Serwis miał dwa cele: budować wizerunek i sprzedawać projekty razem z dodatkami. Mapa serwisu liczyła około 20 sekcji: wyszukiwarkę z filtrami, kartę projektu z rzutami, kosztorysem, wariantami i dziennikiem budowy, porównywarkę, ulubione, ofertę dla deweloperów, forum i społeczność.

Najwięcej pracy poszło w sprzedaż. Koszyk ma pięć kroków, pakiety dodatków zestawiliśmy w tabeli, a gdy klient ma w koszyku sam projekt, serwis podpowiada pasujący pakiet. Koszyk przeszedł cztery rundy poprawek z zespołem HomeKoncept. Do tego panel klienta (kupione projekty, kosztorysy, oferty i rabaty) i strefa partnera.

Projekt UX/UI przygotowaliśmy w szerokościach 1366 i 1920 px oraz w wersji mobilnej, dla programistów klienta. Dzisiejsza homekoncept.com.pl to inna realizacja.

Wyszukiwarka Karta projektu

![Projekt wyszukiwarki domów HomeKoncept: filtry po lewej i lista projektów z parametrami.](https://fluostudio.pl/media/projekty/homekoncept/hk-www-wyszukiwarka.webp)

![Projekt karty domu HomeKoncept: wizualizacja, parametry, rzuty parteru i piętra, analiza działki i projekty podobne.](https://fluostudio.pl/media/projekty/homekoncept/hk-www-karta-projektu.webp)

Ceny i dane kontaktowe na ekranach są rozmyte.

![Projekt widoku ulubionych projektów w wersji mobilnej.](https://fluostudio.pl/media/projekty/homekoncept/hk-www-ulubione-mobile.webp)

Ulubione w wersji mobilnej

Arkusz 06 · Wdrożenie w liczbach

## Dwa zlecenia, jedna marka

Najpierw identyfikacja, potem projekt serwisu. Tak to wygląda w liczbach.

1.  2 panele warsztatów i dwa kierunki wizualne w moodboardzie.
2.  3 wersje znaku: logotyp, logotyp z hasłem i sygnet HK.
3.  13 rozdziałów księgi znaku.
4.  25 materiałów w zakresie identyfikacji, od wizytówki po tablicę budowy.
5.  16 projektów przekazanych zespołowi HomeKoncept w plikach otwartych.
6.  4 kategorie domów w katalogu i 6 parametrów przy każdym domu.
7.  ≈20 sekcji w mapie serwisu: wyszukiwarka, karta projektu, porównywarka, panel klienta, strefa partnera.
8.  5 kroków koszyka i 4 rundy poprawek z zespołem HomeKoncept.
9.  3 wersje ekranów: 1366 px, 1920 px i mobile.
10.  31 zadań w serwisie i materiałach w drugim etapie współpracy.

Kierownik budowy marki: Fluostudio

![Plakat HomeKoncept z hasłem „Mamy plan na Twoją przestrzeń” w stojaku citylight przed kamienicą.](https://fluostudio.pl/media/projekty/homekoncept/hk-ulica-plakat.webp)

Arkusz 07 · Odbiór

## Marka, która została

Na swojej stronie HomeKoncept wpisał zmianę do historii firmy: „Nowe logo i nowy wymiar marki”. Do dziś homekoncept.com.pl stoi na naszym logotypie, kroju Aktiv Grotesk Ex i czerni #262626 z księgi znaku.

homekoncept.com.pl/o-nas

![Strona O nas na homekoncept.com.pl z historią firmy i wpisem „Nowe logo i nowy wymiar marki”.](https://fluostudio.pl/media/projekty/homekoncept/hk-zywa-o-nas.webp)

homekoncept.com.pl. Strona nie jest naszą realizacją, identyfikacja tak.

sprzedanych projektów, zanim zaczęliśmy

1 000+

realizacji według pracowni

15 000+

projektów domów w ofercie

150+

Dane HomeKoncept ze strony homekoncept.com.pl/o-nas/.

## Zestawienie przekazanych plików

Na koniec zespół HomeKoncept dostał pliki otwarte wszystkich materiałów. Kolejne robi już sam, w gotowym systemie.

1.  01 Wizytówka
2.  02 Papier firmowy
3.  03 Stopka mailowa
4.  04 Koperta
5.  05 Oznakowanie długopisów
6.  06 Plakat
7.  07 Roll-up
8.  08 Reklama do gazety
9.  09 Reklamy AdWords, 5 formatów
10.  10 Tablica budowy
11.  11 Okładka dziennika budowy
12.  12 Baner na płot
13.  13 Okładka projektu
14.  14 Prezentacja key visual
15.  15 Kartki na Boże Narodzenie i Wielkanoc
16.  16 Posty na Facebooka

Klient

HomeKoncept

Materiały

25

Zakres

Branding · Logo · Produkcja i druk · Social media · Strona www

Narzędzia

Adobe Illustrator · Adobe InDesign · Adobe XD · Photoshop

## Zobacz inne projekty

Widok Duże kadry Siatka

-   [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/)
-   [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/)
-   [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/)
-   [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/)
-   [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/)
-   [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/)

## 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)
