Manufaktura Wypieków
Strona internetowa rodzinnej piekarni „Manufaktura Wypieków” została zaprojektowana jako czytelna, ciepła i przyjazna przestrzeń prezentująca tradycyjne piekarstwo oraz naturalne składniki wykorzystywane w wypiekach. Serwis przedstawia ofertę produktów, historię piekarni oraz informacje o unikatowym Muzeum Chleba, zapraszając użytkowników do odwiedzenia lokalu i poznania jego rzemieślniczego charakteru.
Interaktywny projekt
Przewiń myszkąWyzwanie
Celem było przygotowanie współczesnej wizytówki piekarni, która estetycznie podkreśli tradycję wypieku pieczywa, pokaże naturalne składniki i zaoferuje szybki dostęp do najważniejszych informacji, w tym szczegółów dotyczących Muzeum Chleba.
Rozwiązanie
Zaprojektowałem one-page oparty na storytellingu, wykorzystując duże fotografie wypieków oraz krótkie hasła wzmacniające zaufanie do marki. Strona prowadzi użytkownika przez historię piekarni, ofertę i dodatkowe atrakcje — w oprawie oddającej rzemieślniczą jakość produktów.
Rezultaty
Nowa strona zwiększa rozpoznawalność Manufaktury Wypieków i poprawia komunikację z klientami. Uporządkowana struktura treści ułatwia nawigację, a spójny wizualnie one-page stał się ważnym elementem promocji marki w internecie.
Proces projektowy
Brief i cele
Ustalono kluczowe wartości marki: tradycja, lokalność, rzemieślnicza robota oraz naturalne składniki. Strona ma inspirować i zachęcać do odwiedzin.
Architektura treści
Jeden ekran przewijany w dół — hero, historia, oferta, muzeum, kontakt — bez zbędnych elementów rozpraszających.
Makieta low-fi
Prototyp w Figmie dla weryfikacji hierarchii wizualnej: proporcje zdjęć, czytelność nagłówków, intuicyjne CTA.
UI & wizualny klimat
Projekt graficzny inspirowany ciepłem pieca, zapachem wypieków i drewnianym wystrojem piekarni. Duże zdjęcia + krótkie hasła = klimat rzemiosła.
Wdrożenie
Realizacja na WordPress + PageLayer z autorskimi poprawkami CSS i responsywnością zoptymalizowaną pod urządzenia mobilne.
Publikacja i optymalizacje
Konfiguracja analityki i optymalizacja zdjęć poprawiły wydajność i skuteczność nawigacji.
Design System
Typografia
Nagłówek H1
Inter SemiBold · 128 px · lh ~1.1 · duży hero headline nad zdjęciem wypieków
Nagłówki H2–H3
Inter Medium · 28–40 px · lh ~1.2–1.35 · struktura sekcji
Tekst akapitowy
Roboto Regular · 16–18 px · lh ~1.6 · przyjazny i łatwy do czytania
Akcenty / cytaty
Georgia Regular · 18–22 px · subtelny tradycyjny charakter
Połączenie nowoczesnych fontów z klasyczną Georgią podkreśla równowagę między współczesnym UI a rzemieślniczą tradycją piekarni.
Paleta kolorów
#C28A5B
Primary — skórka chleba
#8A5A34
Primary Hover — ciemny brąz
#F4E8D8
Tło — mąka / piec
#1F2937
Tekst — ciemny
Ciepłe odcienie wzmacniają klimat domowego wypieku i lokalnego rzemiosła.