Projekty

Każdą z tych stron otworzysz i wyklikasz do końca - razem z panelem, w którym zmienia się treści. To moje własne demo, nie cudze realizacje.

Artystyczne

Murasaki Travel

Biuro podróży do Japonii. Hero to scena rysowana w SVG na siedmiu warstwach, które rozjeżdżają się przy przewijaniu. Oś czasu na dziesięć epok stoi w miejscu, a zdjęcie i kolory zmieniają się razem z epoką. Niżej galeria rozłożona jak wachlarz, przesuwana palcem. Cała paleta wychodzi z nazwy: murasaki znaczy po japońsku fiolet.

Parallaksa w hero, siedem warstw SVG
Oś czasu na dziesięć epok
Galeria rozkładana jak wachlarz
Mapa przefiltrowana do palety
Wzory i znaki jako wektor

Sprawdź demopodroze.msbdesign.pl

Zaawansowane

SMASHBURGERS

Smashburgerownia w Warszawie. Hero to jedno ujęcie wideo sterowane scrollem - burger eksploduje, jak przewijasz. Dalej przeciągana karuzela pięciu stałych pozycji i pełne menu z filtrami na wołowinę, kurczaka i vege, gdzie każdy z piętnastu burgerów ma własne zdjęcie.

Animacja w hero
Karuzela burgerów
Menu z filtrami kategorii
Mapa w palecie marki
Znak i ikona jako wektor

Sprawdź demoburger.msbdesign.pl

Oraz tradycyjne

Restauracja
Ristorante di Marco
Menu z filtrem alergenów, galeria wnętrza i dań, rezerwacja z wyborem konkretnego stolika na planie sali, FAQ i kontakt z mapą dojazdu. Panel do zarządzania menu i rezerwacjami jest tu do przetestowania - w wersji, którą dostaje klient, ten sam panel jest zabezpieczony logowaniem.
- Plan sali z wyborem stolika
- Edytor menu, alergenów i etykiet
- Menu z filtrami alergenów
- Podgląd rezerwacji
Sprawdź demoristorante.msbdesign.pl
Szkoła jazdy
Auto-Szkoła Kierunek
Szkoła jazdy z pełnym zapisem na kurs: kalendarz terminów i symulowany zadatek. W panelu zmienisz ceny kursów i kadrę instruktorów, a efekt widać od razu na stronie.
- Kalendarz zapisów z zadatkiem
- Panel cennika (edycja na żywo)
- Panel kadry instruktorów
- Podgląd rezerwacji jazd
- Kurs w języku angielskim
Sprawdź demoosk.msbdesign.pl
Palarnia kawy
Palarnia Ziarno
Sklep palarni kawy: 21 kaw w katalogu, każda z wyborem stopnia zmielenia i gramatury. Quiz z czterech pytań pyta o metodę parzenia, ulubione nuty i to, czego w kawie nie lubisz, a potem proponuje trzy ziarna i przy każdym tłumaczy swój wybór. Koszyk prowadzi przez dostawę i kod rabatowy, a panel do zarządzania katalogiem i obsługi zamówień jest tu do przetestowania; w wersji, którą dostaje klient, ten sam panel jest zabezpieczony logowaniem.
- Quiz dobierający kawę
- Katalog 21 kaw z filtrami
- Wybór mielenia i gramatury
- Koszyk z dostawą i kodem rabatowym
- Panel katalogu i zamówień
Sprawdź demokawa.msbdesign.pl
Kancelaria
Kancelaria Adwokacka Nowak i Wspólnicy
Fikcyjna kancelaria adwokacka. Sześć specjalizacji, każda z własną podstroną i rozwijanymi odpowiedziami na pytania, które klienci zadają najczęściej. Do tego profile czterech prawników i kontakt z mapą oraz godzinami przyjęć.
- Sześć podstron specjalizacji
- Rozwijane pytania i odpowiedzi
- Profile zespołu
- Kontakt z mapą
Sprawdź demokancelaria.msbdesign.pl