Przestrzeń Między Oddechami

Strona osobista · WordPress · Motion

Strona internetowa dla Edyty Wojciechowskiej. Spokojna forma, filmowe sceny i własna przestrzeń na treści.

Website
Motion
CMS i kontakt

Osobista opowieść.
Dopracowana forma cyfrowa.

Zaprojektowaliśmy i wdrożyliśmy autorską stronę WordPress — od kompozycji i oprawy wizualnej po blog i kontakt. Istniejący znak lotosu, autentyczny portret oraz przekazane filmy natury połączyliśmy w jedną opowieść. Treści i media można rozwijać w panelu strony.

WordPress
Dedykowany motyw PHP
HTML / CSS / JavaScript
Animacja SVG
HTML video / WebP
Natywny blog i CMS

Projekt i wdrożenie strony: LabPercepcji. Istniejący znak marki, fotografia Edyty i materiały Veo — wykorzystane jako materiały wejściowe.

Potrzeba i rozwiązanie.

Punkt wyjścia

Stworzyć osobistą stronę, która oddaje spokojny charakter marki, a jednocześnie daje Edycie wygodne miejsce na własne treści.

Co zrobiliśmy

Połączyliśmy przekazane logo, portret i materiały natury z dedykowanym motywem WordPress, filmowymi scenami, blogiem oraz kontaktem.

Co powstało?

Responsywna strona z osobistą narracją i filmowymi scenami.
Blog i treści rozwijane w istniejącym panelu WordPress.
Animacja SVG i Nić oddechu reagująca na przewijanie.

Zakres prezentowanej realizacji obejmuje stronę internetową, blog i animacje. Rozwój sklepu oraz kolejnych funkcji stanowi osobny etap.

Zaplanuj podobny projekt ↗

Strona, która daje przestrzeń.

Duże kadry, czytelna typografia i własny motyw WordPress. Strona główna, O mnie, Artykuły, Spotkania i Kontakt tworzą spójny system.

Website

Filmowe otwarcie strony Między Oddechami z lotosem. — Hero z lotosem — rzeczywisty widok strony.

Portret Edyty w kompozycji strony z Nicią oddechu. — Osobista opowieść, portret i Nić oddechu.

1 / 2

Ruch wpisany w opowieść.

Nić oddechu w SVG łączy sceny podczas przewijania. Materiały Veo opracowaliśmy do internetu i zintegrowaliśmy z kontrolą odtwarzania oraz wariantem ograniczonego ruchu. Poniżej rzeczywiste kadry strony.

Motion

Filmowe obszary Emocje, Myśli i Samoświadomość. — Trzy obszary w jednej spójnej narracji.

Otwarte okienko Między nami na stronie Edyty. — Między nami — dodatkowa droga kontaktu e-mail.

1 / 2

Ten sam charakter. Mniejszy ekran.

Responsywny układ, przewijane karty i dostępne okienko „Między nami”. Treści HOME oraz blog mają zaplecze redakcyjne w WordPressie. Widoki mobilne pochodzą z przeglądarki, nie z fotografii telefonu.

CMS i kontakt

Mobilne otwarcie strony Między Oddechami. — Hero na telefonie — zrzut widoku 390 px.

Mobilny układ portretu Edyty i tekstu. — Portret i tekst w układzie mobilnym.

Mobilna prezentacja filmowych kart. — Przewijane karty na małym ekranie.

Mobilne okienko Między nami. — Wiadomość e-mail w mobilnym okienku kontaktowym.

1 / 4

Od kompozycji do wdrożenia.

Kierunek wizualny
Dopasowanie przekazanej referencji, portretu i znaku lotosu do osobistego charakteru strony.
Projekt i integracja
Dedykowany motyw, edytowalne treści, filmowe sceny oraz Nić oddechu reagująca na scroll.
Uruchomienie
Publiczna strona, blog gotowy do rozwoju i kontakt e-mail. Odbiór wiadomości testowych potwierdzony przez Rafała.