Espresso & Éclair — Strona kawiarni pod klucz (Next.js)
Indywidualny projekt koncepcyjny witryny internetowej dla nowoczesnej kawiarni-cukierni. Praca została zrealizowana w pełnym cyklu — od projektowania interfejsu po publikację działającej wersji w sieci.
ZAKRES WYKONANYCH PRAC:
- Projekt UI/UX: Opracowanie stylu wizualnego, siatki, dobór czcionek oraz palety barw w ciemnych tonach z ciepłymi akcentami. Przygotowanie makiet dla urządzeń stacjonarnych i mobilnych.
- Frontend development: Przeniesienie zaprojektowanego szablonu do kodu przy użyciu technologii Next.js oraz ściśle typowanego języka TypeScript.
- Stylizacja i responsywność: Kodowanie zrealizowane przy użyciu frameworka Tailwind CSS. Interfejs został dostosowany do różnych rozdzielczości ekranów.
- Struktura i interaktywność: Strona składa się z 3 sekcji (Home, Menu, Atelier), wdrożono również interaktywny formularz rezerwacji stolików.
- Wdrożenie (Deploy): Projekt został zoptymalizowany i opublikowany na platformie Vercel.
WYKORZYSTANE TECHNOLOGIE:
- Figma (projektowanie i prototypowanie)
- Next.js (React), TypeScript, Tailwind CSS
- Hosting Vercel
Projekt został zrealizowany jako koncept demonstracyjny w celu potwierdzenia praktycznych umiejętności z zakresu web developmentu i projektowania interfejsów użytkownika.
Aktywny link do projektu znajduje się w sekcji „Szczegóły pracy” (lub skopiuj adres: https://espressoeclair.vercel.app/)
#nextjs #typescript #tailwind #webdev #figma #landing
ZAKRES WYKONANYCH PRAC:
- Projekt UI/UX: Opracowanie stylu wizualnego, siatki, dobór czcionek oraz palety barw w ciemnych tonach z ciepłymi akcentami. Przygotowanie makiet dla urządzeń stacjonarnych i mobilnych.
- Frontend development: Przeniesienie zaprojektowanego szablonu do kodu przy użyciu technologii Next.js oraz ściśle typowanego języka TypeScript.
- Stylizacja i responsywność: Kodowanie zrealizowane przy użyciu frameworka Tailwind CSS. Interfejs został dostosowany do różnych rozdzielczości ekranów.
- Struktura i interaktywność: Strona składa się z 3 sekcji (Home, Menu, Atelier), wdrożono również interaktywny formularz rezerwacji stolików.
- Wdrożenie (Deploy): Projekt został zoptymalizowany i opublikowany na platformie Vercel.
WYKORZYSTANE TECHNOLOGIE:
- Figma (projektowanie i prototypowanie)
- Next.js (React), TypeScript, Tailwind CSS
- Hosting Vercel
Projekt został zrealizowany jako koncept demonstracyjny w celu potwierdzenia praktycznych umiejętności z zakresu web developmentu i projektowania interfejsów użytkownika.
Aktywny link do projektu znajduje się w sekcji „Szczegóły pracy” (lub skopiuj adres: https://espressoeclair.vercel.app/)
#nextjs #typescript #tailwind #webdev #figma #landing