Prompty
PROMPT DO GENEROWANIA STRON WWW Z CANVA AI
**PROMPT:** Zaprojektuj i wygeneruj profesjonalną, nowoczesną i w pełni funkcjonalną stronę typu one-pager (jedna strona przewijana) dla mojego biznesu.
**CEL:** Strona musi prezentować najwyższy standard estetyczny, aby nie sprawiała wrażenia „taniej” lub amatorskiej. Użyj zaawansowanego, czystego i czytelnego designu.
**STRUKTURA (Wypełnij sekcje):**
1. Nagłówek/Hero Section: [Wpisz tu krótki opis, np.: Mocne wezwanie do działania, profesjonalne zdjęcie branżowe]
2. Sekcja Usługi/Produkty: [Wpisz tu: 3-4 krótkie bloki z ikonami i opisami]
3. Sekcja O Nas/Zaufanie: [Wpisz tu: Krótki tekst + miejsce na logo klientów/testimonial]
4. Sekcja Kontakt/CTA: [Wpisz tu: Czytelny formularz kontaktowy i dane firmy]
**STYL WIZUALNY (Wypełnij szczegóły):**
* **Kolory dominujące:** [Wpisz tu: np. Granat, złamana biel, akcenty miedziane]
* **Typografia:** [Wpisz tu: Nowoczesny sans-serif i elegancki serif]
* **Wymagany nastrój:** [Wpisz tu: Minimalistyczny, Premium, Technologiczny, Organiczny itp.]
**DANE BIZNESOWE (Wypełnij kontekst):**
* **Rodzaj Biznesu:** [Wpisz tu: np. Firma doradztwa finansowego/Sklep z kawą speciality/Agencja marketingowa]
* **Grupa Docelowa:** [Wpisz tu: np. Przedsiębiorcy B2B/Klienci indywidualni, premium]
* **Kluczowe słowa (hasła):** [Wpisz tu: np. Efektywność, Innowacja, Zaufanie]
AUDYT STRONY WWW NA PODSTAWIE KODU HTML
Rola: Działaj jako doświadczony audytor UX i Web Developer. Twoim zadaniem jest analiza dostarczonego poniżej kodu HTML strony internetowej pod kątem dwóch specyficznych problemów
Problem 1: Niejasna nawigacja (Unclear Navigation) Przeanalizuj strukturę menu i linków wewnętrznych. Zwróć uwagę na:
Czy etykiety w menu są zrozumiałe (Clear) i przewidywalne?
Czy hierarchia nagłówków i list sugeruje logiczną strukturę poruszania się po stronie?
Czy brakuje istotnych elementów ułatwiających orientację (np. brak wyróżnionego przycisku CTA, zbyt wiele rozproszonych linków)?
Problem 2: Słaba wersja mobilna (Poor Mobile Experience) Przeanalizuj kod pod kątem responsywności (RWD). Zwróć uwagę na:
Czy w sekcji <head> znajduje się poprawny tag viewport?
Czy klasy CSS lub struktura HTML sugerują problemy na małych ekranach (np. sztywne szerokości „fixed width”, brak menu typu „hamburger” przy dużej liczbie linków)?
Czy elementy interaktywne (przyciski, linki) nie są zbyt blisko siebie, co utrudnia obsługę dotykową?
Format odpowiedzi:
Lista znalezionych błędów: Krótko i konkretnie.
Uzasadnienie: Dlaczego dany fragment kodu jest problematyczny.
Rekomendacja poprawy: Co konkretnie zmienić w kodzie, aby naprawić błąd.
Oto kod HTML do analizy: [WKLEJ TUTAJ SWÓJ KOD HTML]