Witryna studia urody ze sklepem i panelem CMS

Jedna witryna, która prezentuje ofertę studia, sprzedaje kosmetyki przez Stripe i prowadzi do rezerwacji wizyty — a treści właścicielka zmienia sama.

  • Strona internetowa
  • E-commerce
  • CMS
Strona główna witryny Sugar Madam w widoku desktopowym
Strona główna witryny Sugar Madam w widoku mobilnym

O projekcie

Sugar Madam to studio urody z Zielonej Góry, które wcześniej działało głównie w mediach społecznościowych. Oferta, cennik i sprzedaż kosmetyków rozsypane były po postach i wiadomościach prywatnych. Zadanie brzmiało: jedno miejsce, które prezentuje markę, sprzedaje produkty i prowadzi do rezerwacji wizyty — bez proszenia nas o każdą zmianę treści.

Strona główna Sugar Madam z ofertą studia
Strona główna Sugar Madam w widoku mobilnym

Wyzwanie

Trzy cele na jednej witrynie: prezentacja marki, sprzedaż kosmetyków i rezerwacja wizyt. Do tego kontekst lokalny — większość ruchu to wyszukiwania w okolicy Zielonej Góry. Strony ofertowe musiały być szybkie i indeksowalne, sklep bezpiecznie liczyć cenę, a panel treści zostać na tyle prosty, żeby właścicielka korzystała z niego bez instrukcji.

Lista zabiegów Sugar Madam z czasem trwania i ceną w widoku desktopowym
Lista zabiegów Sugar Madam w widoku mobilnym

Rozwiązanie

Strony ofertowe renderujemy po stronie serwera pod SEO lokalne, a sklep obsługuje Stripe Checkout z ceną liczoną wyłącznie serwerowo. Po opłaceniu zamówienia klient i studio dostają maile potwierdzające.

Treścią zarządza panel Payload — produkty, cennik i galerię właścicielka zmienia sama, bez naszego udziału. Rezerwacja wizyty jest wpięta w ten sam układ nawigacji, więc ścieżka „obejrzyj ofertę → umów wizytę” ma stałą długość na każdej podstronie.

Sklep Sugar Madam z filtrami kategorii i katalogiem produktów w widoku desktopowym
Sklep Sugar Madam w widoku mobilnym

Technologie

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Payload CMS
  • Stripe

Zakres i efekty

Co dokładnie zrobiliśmy

Wizytówka studia urody ze sklepem, płatnościami online i panelem CMS do samodzielnej edycji treści.

Klient
Sugar Madam
Termin
Styczeń 2026
Rola
Generalny wykonawca
Czas realizacji
4 tyg.
  • projekt UX/UI
  • sklep i płatności Stripe
  • panel CMS (Payload)
  • SEO lokalne
  • maile powtierdzające transakcje

Efekt

jedno miejsce, które prezentuje ofertę, sprzedaje kosmetyki i prowadzi do rezerwacji wizyty

Ścieżka zakupu
Płatność online bez kontaktu telefonicznego
Zarządzanie treścią
Pełna samodzielność właścicielki
SEO
Podstrony ofertowe gotowe pod wyszukiwania lokalne

Inne realizacje

Sprawdź pozostałe projekty

Zobacz całe portfolio
Desktop screenshot strony Bastet Studio — portfolio fotografki
WWW / marka osobista

Bastet Studio — portfolio fotografki

Portfolio Pauliny Bukalskiej, fotografki z Lublina, zaprojektowane wokół pełnoekranowych historii zdjęciowych, subtelnych animacji i prostego kontaktu. Serwis łączy charakterystyczny język wizualny marki z wydajnym, dostępnym frontem i lokalnym SEO.

  • projekt UX/UI
  • interaktywne galerie
  • SEO lokalne
  • formularz z Turnstile

Efekt: spójna witryna marki, która prezentuje sesje i prowadzi do zapytania o termin

Czas: 3 tyg.

Zobacz case study
Desktop screenshot strony Ten Vape - strona dla lokalnego sklepu
WWW / lokalny biznes

Ten Vape - strona dla lokalnego sklepu

Wizerunkowo-informacyjna strona dla vape shopu w Lublinie, która szybko pokazuje ofertę, lokalizacje, godziny otwarcia, opinie klientów i najważniejsze informacje przed wizytą w sklepie.

  • projekt UX/UI
  • Animacje
  • SEO lokalne
  • FAQ i opinie Google

Efekt: czytelna wizytówka online wspierająca ruch w sklepach stacjonarnych

Czas: 4-6 tyg.

Zobacz case study
Desktop screenshot strony PENDEV - osobiste portfolio frontend developera
Portfolio / personal brand

PENDEV - osobiste portfolio frontend developera

Portfolio zbudowane jako statyczna strona z sekcjami o autorze, projektach, technologiach, CV i kontakcie. Prezentacja kompetencji programistycznych oraz dopracowane, responsywne doświadczenie.

  • projekt UX/UI
  • Accessibility
  • Formularz kontaktowy
  • RWD i animacje

Efekt: wizytówka z czytelną prezentacją projektów i umiejętności

Czas: 3-5 tyg.

Zobacz case study

Następny projekt

Masz pomysł, brief albo problem do rozwiązania?

Wyślij nam kontekst. Wrócimy z pytaniami, sensownym zakresem i kierunkiem, który da się wdrożyć bez przepalania budżetu.