Strona z katalogiem toreb ekologicznych
Jednostronicowa strona EcoTote z katalogiem produktów, sekcjami wizualnymi, opiniami i formularzem kontaktowym.
RolaScrum Master i wkład frontendowy w projekcie zespołowym
TypStrona produktowa z katalogiem
LokalizacjaProjekt kursowy
ZakresPokazanie marki eco, prezentacja produktów i poprowadzenie użytkownika do prostego kontaktu.
StackHTML, CSS, JavaScript, Handlebars, Responsive layout, Git
Czas realizacji1 tydz.
Podsumowanie projektu
- Typ projektu
- Strona produktowa z katalogiem
- Cel
- Przygotować stronę marki ekologicznych toreb z katalogiem produktów i prostą ścieżką kontaktu.
- Główne funkcje
- Hero marki
- Katalog produktów
- Sekcja zalet
- Galeria
- Opinie klientów
- Formularz kontaktowy
- Moja rola
- Scrum Master i wkład frontendowy w projekcie zespołowym
- Stack
- HTML
- CSS
- JavaScript
- Handlebars
- Responsive layout
- Git
- Rezultat
- Responsywna strona pokazująca ofertę marki, produkty i podstawową ścieżkę kontaktu z klientem.
Problem
Marka ekologicznych toreb potrzebowała prostej strony, która pokazuje styl produktów, ich zalety i daje użytkownikowi szybki sposób kontaktu.
Rozwiązanie
Zespół przygotował jednostronicową stronę z dużym hero, sekcjami o wartościach marki, katalogiem produktów, galerią, opiniami klientów i formularzem kontaktowym.
Efekt
Powstała responsywna strona prezentacyjna, która prowadzi użytkownika od poznania marki do obejrzenia produktów i wysłania zapytania.
Moja rola w projekcie
- Koordynowałem pracę zespołu jako Scrum Master
- Przygotowałem sekcję Hero
- Zrealizowałem Footer z danymi kontaktowymi
- Obrabiałem i przygotowywałem grafiki do użycia na stronie
- Przygotowałem sprite / zestaw ikon dla interfejsu
- Wspierałem integrację sekcji w jedną spójną stronę
Hero marki
Główne otwarcie strony z hasłem marki i zdjęciem produktów.
Responsywność
Widoki desktop i mobile pokazujące responsywność interfejsu.
Sekcja zalet
Blok o materiałach, trwałości i stylu produktów.
Katalog produktów
Lista produktów z nazwami, opisami, cenami i przyciskami zakupu.
Galeria marki
Wizualna galeria pokazująca torby EcoTote w codziennym użyciu.
Opinie i kontakt
Sekcja opinii klientów oraz formularz kontaktowy.
Potrzebujesz strony, która ułatwia klientom kontakt?
Przygotuję przejrzystą stronę z prostą ścieżką do zapytania, rezerwacji albo rozmowy.