Budżet: 12000 UAH Termin: 5 dni
Oto odpowiedź na ten projekt:
Witam!
Jestem gotów podjąć się — zadanie jest jasne: maksymalnie dokładne odwzorowanie example.com z pełną responsywnością, tematami i SEO. Robię dokładnie pixel-perfect kodowanie sklepów internetowych, gdzie ważna jest precyzja struktury, siatki i zachowania, a nie „podobnie”.
Jak spełnię Twoje wymagania:
Dokładne odwzorowanie — struktura stron, siatka katalogu, rozmiary, marginesy, typografia i kolory są odwzorowane 1-do-1 z referencji. Nagłówek, stopka, karty produktów, menu i kategorie, okna modalne — wszystko zgodnie z oryginałem.
Stany elementów — hover, active i osobne stany mobilne opiszę dla wszystkich interaktywnych elementów.
Responsywność — trzy wersje ściśle według breakpointów: desktop od 1280px, tablet 768–1279px, mobile 320–767px.
Szablon strony — jedyny szkielet: nagłówek, breadcrumb, przycisk „w górę”, przełącznik jasny/ciemny temat z zachowaniem wyboru (localStorage), znak wodny logo na tle oraz stały obrazek patyczków przy prawej krawędzi, stopka. Zrobię to jako wielokrotnie używalny blok, aby działał tak samo na wszystkich stronach.
SEO + mikroformatowanie — strony produktów otrzymają mikroformatowanie Schema.org (Product / Offer), plus optymalizacja pod rekomendacje Google: semantyczne formatowanie, poprawne nagłówki, alt-y, meta-tagi, szybkość.
Struktura pod backend i skalowanie: powtarzalne elementy (karty produktów, punkty katalogu, kategorie menu) robię według jednego wzoru (BEM), aby łatwo można je było przenieść do szablonu/cyklu przy dalszej integracji.
Ostateczny wynik (jak w Twoim ZT): makieta Figma desktop i mobile, HTML, CSS, JavaScript, folder z placeholderami, wersja responsywna oraz gotowy projekt w archiwum.
Proszę, powiedz mi:
Ile jest unikalnych stron/szablonów (widzę ~9 z nawigacji)?
Czy makieta Figma ma być odwzorowana od zera na podstawie example.com, czy już istnieje?
Po tym podam dokładne terminy i koszt. Przykłady podobnych prac prześlę wkrótce.
Z poważaniem,