Wymagana jest разработка дизайну i stworzenie strony internetowej dla firmy WICO SYSTEMS. Zajmujemy się skomplikowanymi rozwiązaniami inżynieryjnymi (klimat, światło, automatyzacja) dla wnętrz. Cel strony: Stać się narzędziem sprzedaży dla architektów (B2B) oraz klientów premium. To ma być nie tylko "wizytówka", ale cyfrowe portfolio na poziomie topowych biur architektonicznych.
--------------------------------------------------------------------------------
1. Stylistyka i Design (Tożsamość wizualna)
Mamy już opracowaną podstawową identyfikację (logo, kolory, czcionki).
• Styl: "Architectural Precision" (Architektoniczna precyzja), minimalizm, Grid Layout, układ magazynowy (Styl redakcyjny).
• Referencja nastroju: Surowość rysunku + Estetyka drogiego magazynu.
• Kolory:
◦ Tło: Jasny beton/biały (#F2F2F2) lub głęboka czerń (#1A1A1A).
◦ Akcent: Inżynieryjne złoto (#E3A32A) — używane w umiarkowanych ilościach (przyciski, linie).
• Czcionki: Manrope (podstawowa) + JetBrains Mono (do szczegółów technicznych/artykuli).
• Trend: Wykorzystanie Bento Grids (struktura blokowa) do organizacji treści.
2. Struktura strony (około 5-6 stron)
Strona nie ma być Landing Page. Potrzebna jest wielostronicowa struktura dla SEO i wizerunku.
1. Strona główna (Home):
◦ Pierwszy ekran: Efektowny nagłówek + zdjęcie/wideo.
◦ Blok pozycjonowania ("Inżynieria, która wzmacnia design").
◦ Zapowiedzi usług i projektów.
2. Projekty (Portfolio) — KLUCZOWA STRONA:
◦ Lista przypadków z filtracją (Wentylacja / Światło / Kompleks).
◦ Strona pojedynczego przypadku (Template): Powinna wyglądać jak Case Study. Zdjęcie wnętrza + zdjęcie węzłów inżynieryjnych + opis techniczny (zadanie/rozwiązanie).
3. Usługi (Services):
◦ Lista kierunków z ikonami i krótkim opisem.
4. Firma / Podejście (About):
◦ Filozofia "Jednego centrum odpowiedzialności".
◦ Zespół (zdjęcia), certyfikaty.
5. Kontakty (Contacts):
◦ Formularz kontaktowy, mapa, media społecznościowe.
3. Wymagania techniczne
• CMS: Webflow (priorytet) LUB WordPress (na czystym kodzie lub elastycznych builderach typu Bricks/Elementor Pro). Ważne: strona musi być wygodna do edytowania przez menedżera treści.
• Responsywność: Idealne wyświetlanie na Mobile/Tablet. 70% ruchu będzie z urządzeń mobilnych.
• Animacja: Micro-interactions (mikro-interakcje). Płynne pojawianie się treści, efekty hover na przyciskach/zdjęciach. Bez "ciężkich" efektów, które spowalniają ładowanie.
• Szybkość: Zielona strefa Google PageSpeed Insights (90+).
4. Co dostarczamy
1. Logo w wektorze (SVG/AI).
2. Księga marki (kody kolorów, pary czcionek).
3. Teksty (Kodyfikacja marki i opisy usług).
4. Treści zdjęciowe (rendery i zdjęcia realizacji).
5. Oczekiwany rezultat (Deliverables)
1. Makieta projektu (Figma) — strona główna + wewnętrzne + wersja mobilna.
2. Stworzona i skonfigurowana strona na hostingu.
