──/01 selected work
kamila natkaniec.
joga bez pośpiechu, a z uwanością — tożsamość, www i wdrożenie, dla nauczycielki jogi prowadzącej zajęcia online i stacjonarnie.
/>
brief
kamila opisała markę jako ciepłą, kobiecą i opartą na naturalnych motywach. pierwsza propozycja logo powstała dokładnie według briefu — i kompletnie nie zadziałała.
to wydawało się prostym briefem. okazało się, że nie do końca.
logo — kiedy brief mówi co innego niż moodboard
kamila wypełniła kwestionariusz dosyć oszczędnie, ale wskazała kierunek: ciepło, kobiecość w stylu minimalnym, dopuszczalne motywy roślinne. brązy, beże, biel. zrobiłam pierwszą propozycję dokładnie według briefu — ciepło, kobieco, z roślinnymi akcentami. fail.
wtedy zrozumiałam, że brief opisywał bardziej osobowość kamili, a moodboard — to, jak chce być postrzegana zawodowo. zamiast wybierać jedną z tych dróg, połączyłam je: minimalistyczną formę z bardziej organicznym rytmem i miękkimi detalami.
„brief to deklaracja. moodboard to reakcja emocjonalna. kiedy się rozjeżdżają, robota projektanta to nie wybierać jedną z nich, tylko zrozumieć dlaczego."
design system
finalny sygnet zbudowany jest z organicznych, roślinnych form łączących się w literę k, z towarzyszącą typografią szeryfową. logo wygląda profesjonalnie i kameralnie jednocześnie — co było dokładnie tym, czego potrzebowała marka.
głębokie brązy i oliwkowe zielenie na tłach w odcieniach ciepłej różu i piasku. nic ostrego, nic zimnego — całość daje wrażenie ciepłego, naturalnego wnętrza. kolory ziemi i roślin, ciepłe, ale nie cukierkowe.
animacje scrollowe były świadomą decyzją: elementy delikatnie wjeżdżają w widok przy przewijaniu, z lekkim staggerem między sąsiednimi elementami. zrealizowane w @keyframes + intersection observer, wstrzyknięte przez wpcode. obecne, ale nie odciągają uwagi — pasują do spokojnego tonu marki.
strona
strona miała być wizytówką, ale też narzędziem zapisów. zaprojektowałam ją jako wielostronicową: o mnie z krótką, rzeczową narracją; zajęcia online z opisem i formularzem zapisu; zajęcia stacjonarne w cksir w skale (dwa terminy w tygodniu); wyjazdy przygotowane pod przyszłe retreaty; kontakt z formularzem i danymi bezpośrednimi. kanał instagrama, który kamila aktywnie prowadzi, dociągnięty bezpośrednio na stronę.
stronę zbudowałam w wordpressie z elementorem (wersja darmowa) — tak, żeby kamila mogła samodzielnie aktualizować treści po wdrożeniu, głównie zajęcia, które się zmieniają. wersja darmowa elementora ma swoje ograniczenia (brak custom attributes i max width controls), więc do bardziej zaawansowanych rzeczy — animacji stagger, niestandardowych układów — używałam utility css-ów wstrzykiwanych przez wpcode.
stack po wdrożeniu: hosting lh.pl z migracją przez plugin duplicator (autoinstaller lh.pl tworzył problematyczne ścieżki), ssl skonfigurowany, seo na yoast + weryfikacja w google search console + zgłoszenie sitemapy, kompresja obrazów przez shortpixel, regularne backupy przez updraftpl, feed instagrama przez smash balloon, formularz kontaktowy contact form 7. responsywność testowana i poprawiana osobno na mobile.
zdjęcia kamila dostarczyła własne — co było dużą wartością. dzięki temu strona od pierwszego scrolla pokazuje prawdziwą osobę, nie stocki.
efekt
kamila ma stronę, która wygląda jak ona — kameralnie, ciepło, profesjonalnie. komunikacja jest spójna od logo, przez paletę, po ton tekstów. zapisy obsługuje formularz, widoczność w google rośnie po podstawowym seo i zgłoszeniu sitemapy.
projekt trwał dłużej, niż zakładałam — ale nie z powodu samego designu. kamila prowadzi własną działalność, jest zabiegana, materiały dosyłała czasem po miesiącu od prośby. uruchomiłam swoje podejście do prowadzenia długich projektów: budowanie sekcji incrementalnie, parkowanie etapów które czekały na materiały, jasna lista „co czekam od ciebie", żeby klientka miała prostą checklistę zamiast długiego maila. dzięki temu projekt nigdy nie utknął — co najwyżej zwalniał, kiedy trzeba było czekać. to istotny element pracy z indywidualnymi przedsiębiorcami: design to niewielka część ich życia, a deadline po ich stronie jest miękki.
„brief, moodboard i prawdziwe potrzeby klienta to często trzy różne rzeczy. robota projektanta to nie wybierać jedną z nich, tylko zrozumieć, dlaczego się rozjeżdżają."
── następny projekt