Tavaro Projects. Jednostronicowa strona marki mebli na wymiar

Klient: Tavaro Projects
Branża: Meble na wymiar
Rodzaj: Jednostronicowa strona firmowa
Mój zakres: Projekt i wykonanie

Strona Tavaro Projects na komputerze: zdjęcie kuchni w dębie, nagłówek „Meble tworzone dla jednego wnętrza”, złoty przycisk „Zobacz realizacje” i pasek pokazu realizacji.

Strona Tavaro Projects na telefonie: pionowy kadr zdjęcia, nagłówek i dwa przyciski jeden pod drugim.

Na jednej przewijanej stronie połączyłem pokaz realizacji, ofertę materiałów i galerię z powiększaniem zdjęć. Klient kontaktuje się telefonicznie lub e-mailem.

Sekcja „O firmie” Tavaro Projects z nagłówkiem „Forma, materiał i światło”, zdjęciami zabudów i okrągłą plakietką. — Informacje o podejściu do wnętrz i materiałów.

Część „Proces · Materiał · Precyzja” z trzema filarami pracy Tavaro Projects i ikonami. — Projekt, dobór materiałów i montaż.

Sekcja oferty Tavaro Projects: przyklejony kadr zdjęcia z licznikiem obok opisu kuchni i tagów materiałów. — Oferta z materiałami przy zdjęciu zabudowy.

Firma i jej klienci

Tavaro Projects z Kalwarii Zebrzydowskiej wykonuje różne rodzaje mebli na wymiar. Zdjęcia wnętrz i materiały pokazują styl prac, które klient chce porównać przed rozmową.

Co miała zrobić strona

Oferta miała być czytelna podczas jednego przewijania: najpierw przykłady, potem zakres prac i na końcu bezpośredni kontakt.

Układ i decyzje projektowe

Pokaz realizacji na pierwszym ekranie
Sposób pracy i oferta z materiałami
Galeria realizacji z powiększeniem
Telefon lub e-mail

Zdjęcia jako punkt wyjścia

Otwarcie pokazuje gotowe wnętrza. Galerię dopasowałem do przeglądania na komputerze i palcem na telefonie, a powiększenie pozwala obejrzeć detale.

Zakres prac obok materiałów

Przy częściach oferty umieściłem zdjęcia i tagi materiałów. Klient może ocenić rodzaj zabudowy oraz wykończenie podczas czytania opisu.

Telefon i e-mail po obejrzeniu oferty

Kontakt prowadzi od razu do rozmowy lub wiadomości. Dane umieściłem w menu i stopce, bez dodatkowej podstrony z formularzem.

Pytania klienta i odpowiedzi na stronie

Czy zrobicie meble w moim stylu?: Obejrzyj pokaz i galerię, w których wnętrza mają nazwy oraz informacje o materiałach.
Co dokładnie robicie?: Zakres w ofercie obejmuje kuchnie, szafy i garderoby, meble łazienkowe oraz zabudowy innych pomieszczeń.
Jak pracujecie?: Opis sposobu pracy pokazuje projekt wnętrza, dobór materiałów i montaż.
Jak się skontaktować?: Możesz zadzwonić albo napisać e-mail z menu lub stopki.

Najważniejsze rozwiązania

Każde z nich możesz sprawdzić na stronie tavaroprojects.pl.

Galeria z powiększeniem
Pierwszy ekran pokazuje sześć wnętrz, a galeria czternaście realizacji. Każde zdjęcie można otworzyć w większym widoku.
Menu do czterech sekcji
Menu prowadzi do informacji o firmie, oferty, realizacji i kontaktu. Linia pod nagłówkiem pokazuje postęp przewijania.
Zdjęcie powiązane z opisem
Na komputerze przyklejony kadr zmienia się razem z częścią oferty. Na telefonie każda część ma własne zdjęcie.
Dwie drogi kontaktu
Telefon i e-mail są w menu oraz stopce. Na szerokim ekranie są również w nagłówku.

Zobacz rozwiązania UX i szczegóły techniczne

Pokaz z pauzą
Pokaz zmienia wnętrze co 6,5 sekundy. Na komputerze można go zatrzymać przyciskiem. Pokaz zatrzymuje się również po ukryciu karty lub minięciu pierwszego ekranu.
Ograniczenie ruchu
Uwzględniłem systemowe ograniczenie ruchu. W tym trybie pokaz zmienia zdjęcia na żądanie, galeria nie jest przypinana, a wejście na stronę odbywa się bez animacji.
Optymalizacja obrazów i obsługa klawiaturą
Zdjęcia mają format AVIF z wersją WebP, różne szerokości i pionowe kadry na telefon. Fokus klawiatury jest widoczny jako obrys odsunięty od elementu.