RolaProjekt UI/UX i full-stack development

TypStrona firmowa ze ścieżką zamówienia

LokalizacjaHiszpania

ZakresZaprojektowanie prostej i czytelnej ścieżki zamówienia bez rozbudowanego backendu.

StackNext.js, TypeScript, CSS Modules

Czas realizacji3 tyg.

Podsumowanie projektu

Typ projektu: Strona dla firmy usługowej
Cel: Przejrzyście pokazać usługi sprzątania i ułatwić klientom przygotowanie zapytania oraz szybki kontakt z firmą.
Główne funkcje: Struktura usług
Logika wyceny
Ścieżka zapytania w stylu koszyka
Zamówienie przez WhatsApp
Responsywny layout
Moja rola: Projekt i implementacja frontendu, struktura UI, logika interakcji oraz przygotowanie do wdrożenia.
Stack: React
TypeScript
CSS Modules
Rezultat: Gotowa produkcyjnie strona z czytelną ofertą, interaktywną wyceną i bezpośrednią ścieżką od wyboru usługi do kontaktu.

Problem

Klient nie miał strony internetowej ani uporządkowanego sposobu prezentacji usług i przyjmowania zamówień.

Rozwiązanie

Zaprojektowałem i wdrożyłem stronę usługową z prostą ścieżką zamówień. Użytkownik wybiera usługi, sprawdza szczegóły i dodaje je do zapytania, a system generuje gotową wiadomość WhatsApp z podsumowaniem.

Efekt

Efektem jest szybka i czytelna strona, która pomaga klientowi otrzymywać uporządkowane zapytania przez WhatsApp.

Co zrobiłem

Zaprojektowałem cały interfejs i UX od podstaw
Przygotowałem w pełni responsywne widoki (mobile, tablet, desktop)
Wdrożyłem logikę koszyka i kalkulację ceny
Zaimplementowałem modale ze szczegółami usług
Wdrożyłem generowanie wiadomości do WhatsApp
Zbudowałem kompletną ścieżkę zamówienia bez backendu
Dodałem obsługę wielu wersji językowych (EN / ES)
Wdrożyłem motyw jasny i ciemny

Hero

Główne otwarcie strony z najważniejszą propozycją wartości.

Responsywność

Widoki desktop i mobile pokazujące responsywność interfejsu.

Struktura landing page

Sekcje budujące zaufanie i prowadzące użytkownika przez ofertę.

Katalog usług

Przejrzysty grid usług z cenami i dodatkowymi informacjami.

Sekcja FAQ

Odpowiedzi na najczęstsze pytania klientów.

Galeria i stopka

Slider galerii oraz końcowa część strony z kontaktem.

Modal usługi

Szczegóły wybranej usługi przed dodaniem do zapytania.

Podsumowanie zamówienia

Widok zapytania z wybranymi usługami, ilością i sumą.

Kontakt i konwersja

Finalny krok, który ułatwia szybkie wysłanie zapytania.

← Wróć do realizacji

Strona firmy sprzątającej

Strona lokalnej firmy sprzątającej z katalogiem usług i pełną ścieżką zapytania przez WhatsApp.

Zobacz projekt