Wszystkie realizacje

Młyn nad Sanną

Od projektu graficznego do działającej strony pensjonatu.

Odwiedź stronę (otwiera się w nowej karcie)
Jesienne drzewa odbijające się w rzece Sannie. Zdjęcie ze strony Młyna nad Sanną.
Projekty własnePoznaj szczegóły

Projekt graficzny jako działająca strona

Młyn nad Sanną to pensjonat w Zaklikowie. Strona przedstawia obiekt, jego pokoje i apartamenty oraz pozwala gościom bezpośrednio zapytać o pobyt.

Projekt wizualny przygotował grafik. Moim zadaniem było wdrożenie go jako responsywnej strony, dodanie interakcji oraz połączenie interfejsu z edytowalną treścią i zewnętrznymi usługami.

Mój wkład

  • Wdrożenie projektu graficznego
  • Responsywny układ i interakcje
  • Sanity CMS
  • Integracje
  • Uruchomienie i przekazanie strony
Strona główna Młyna nad Sanną z typografią z projektu grafika, zdjęciem rzeki i nawigacją.
Projekt graficzny po wdrożeniu: typografia, zdjęcie rzeki i nawigacja na stronie głównej.

Spójność na każdej podstronie

Wdrożyłem stronę główną, listę pokoi, ich podstrony oraz informacje o obiekcie. Podstrony pokoi łączą zdjęcia, liczbę miejsc, wyposażenie i ceny. Galerie i formularz kontaktowy pomagają gościom poznać miejsce i zadać pytania.

Odwzorowałem typografię, kolory i detale projektu w układach na komputery i telefony. Odpowiadałem za kod i działanie strony; autorem koncepcji wizualnej jest grafik.

Podstrona apartamentu Młyna nad Sanną: liczba gości, nazwa, cena za noc, zdjęcie i wyposażenie.
Liczba miejsc, wyposażenie i ceny pokoju przedstawione zgodnie z dostarczonym projektem graficznym.

Treści pod kontrolą klienta

Zintegrowałem Sanity CMS, aby klient mógł edytować opisy pokoi, zdjęcia i pozostałe treści strony. Model danych oddziela pokoje od informacji wspólnych dla całego obiektu. Dzięki temu te same dane zasilają zarówno listę pokoi, jak i ich podstrony.

Wdrożyłem też formularz kontaktowy i potwierdzenia e-mail, zintegrowałem wpisy z Instagrama oraz skonfigurowałem metadane i dane strukturalne. Strona służy do bezpośrednich zapytań o pobyt — nie obsługuje rezerwacji ani zarządzania dostępnością pokoi.

Edytor pokoju w Sanity CMS z ustawieniami widoczności, nazwą pokoju, opcją wyświetlania w karuzeli strony głównej i tytułem karty.
Edycja pokoju w Sanity: nazwa, widoczność na stronie oraz sposób prezentacji na liście i w karuzeli strony głównej.

Uruchomienie i przekazanie strony

Uruchomiłem stronę i przeniosłem repozytorium, hosting oraz CMS na konta klienta. Przekazanie obejmowało migrację treści i zdjęć, podłączenie domeny oraz konfigurację integracji w nowym środowisku.

Efektem jest działająca strona oparta na projekcie grafika, z panelem do edycji treści i infrastrukturą należącą do klienta.

Wybrane technologie

  • TypeScript
  • React
  • Next.js
  • Sanity
  • SCSS Modules