Projektowanie strony głównej: poradnik z arkuszem roboczym
Zaprojektuj stronę główną wokół jednej jasnej oferty i jednego kolejnego działania. Przypisz trzy prawdziwe zadania odwiedzających do sekcji, według szkicu mobile-first, i skopiuj brief strony głównej oraz listę kontrolną przed i po.
Strona główna musi w kilka sekund powiedzieć nieznajomemu, czym się zajmujesz, dla kogo to jest i co zrobić dalej. Wszystko inne na stronie istnieje, by wspierać te trzy odpowiedzi. Ten poradnik przechodzi przez jeden oznaczony przykład, zmyślony gabinet dentystyczny o nazwie „Riverside Family Dental”, od oferty przez szkic po gotowy brief.
1. Jedna jasna oferta i jedno kolejne działanie
Napisz ofertę jako jedno zdanie zrozumiałe dla klienta: „Stomatologia rodzinna w Riverside, z wizytami wieczornymi”. Potem wybierz jedno działanie, na którym Ci najbardziej zależy: „Umów wizytę”.
- Nagłówek (H1) niesie ofertę.
- Jeden główny przycisk niesie działanie, powtórzone w nagłówku i na końcu strony.
- Działania drugorzędne (telefon, dojazd) mogą istnieć, ale wyglądają na drugorzędne.
2. Przypisz trzy prawdziwe zadania odwiedzających do sekcji
Pomyśl o trzech najczęstszych powodach, dla których ludzie trafiają na stronę główną, i daj każdemu sekcję. Dla przykładowego gabinetu:
| Zadanie odwiedzającego | Sekcja, która na nie odpowiada |
|---|---|
| „Czy robią to, czego potrzebuję?” | Lista usług: przeglądy, stomatologia dziecięca, nagłe przypadki, wybielanie |
| „Czy mogę się dostać, kiedy mi pasuje?” | Godziny z terminami wieczornymi, przycisk rezerwacji, przyjmowane ubezpieczenia |
| „Czy mogę im zaufać?” | Biogramy dentystów z kwalifikacjami, zdjęcia prawdziwego gabinetu, prawdziwe opinie |
Jeśli sekcja nie odpowiada na prawdziwe zadanie, wytnij ją albo przenieś na inną stronę.
3. Szkic mobile-first
Większość wizyt na stronie głównej lokalnych firm odbywa się na telefonach, więc najpierw zaprojektuj wąską wersję:
[ Logo ] [ Umów ]
------------------------------------------
H1: Stomatologia rodzinna w Riverside,
z wizytami wieczornymi
Krótka linijka: Nowi pacjenci mile widziani. Większość ubezpieczeń akceptowana.
[ Umów wizytę ] Zadzwoń (dotknij, by wybrać numer)
------------------------------------------
Usługi (4 krótkie karty, każda linkuje do swojej strony)
------------------------------------------
Godziny + lokalizacja + link do mapy
------------------------------------------
Poznaj dentystów (zdjęcie, imię i nazwisko, kwalifikacje)
------------------------------------------
Opinie (prawdziwe, z przypisaniem, ze źródłem)
------------------------------------------
FAQ (3 do 5 pytań, które ludzie naprawdę zadają)
------------------------------------------
[ Umów wizytę ] Stopka: adres, telefon, godzinyNa komputerze ta sama kolejność rozkłada się na kolumny; sama kolejność nie powinna się zmieniać.
4. Dowody i szczegóły usług bez zmyślonych deklaracji
- Używaj prawdziwych konkretów: kwalifikacji, lat w biznesie, przyjmowanych ubezpieczeń, cen lub cen „od”, gdzie możesz.
- Publikuj tylko opinie, które otrzymałeś, w formacie nazwiska i ze źródłem, których wolno Ci użyć.
- Unikaj deklaracji, których nie możesz poprzeć („najlepszy w mieście”, „#1”). Konkretne fakty i tak przekonują bardziej niż superlatywy.
- Używaj własnych zdjęć, gdzie to możliwe; stockowe zdjęcia nieznajomych osłabiają zaufanie na stronie głównej lokalnej firmy.
5. Brief strony głównej do skopiowania
BRIEF STRONY GŁÓWNEJ
Firma + miejsce:
Zdanie oferty (H1):
Główne działanie (tekst przycisku):
Działanie drugorzędne:
Zadanie odwiedzającego 1 -> sekcja:
Zadanie odwiedzającego 2 -> sekcja:
Zadanie odwiedzającego 3 -> sekcja:
Dowód, który faktycznie możemy pokazać:
Styl (dwa lub trzy słowa):W We.Inc możesz wkleić ten brief jako opis początkowy; kreator zamieni go w projekt strony głównej, który następnie edytujesz przez kliknij-aby-edytować.
Lista kontrolna przed i po
- Nagłówek mówi, czym się zajmujesz i gdzie, a nie „Witamy”.
- Jeden główny przycisk, widoczny bez przewijania na telefonie.
- Każda sekcja odpowiada na zadanie odwiedzającego.
- Usługi linkują do własnych stron.
- Dane kontaktowe i godziny są tekstem, a nie tylko obrazem.
- Tytuł i opis strony są ustawione (zobacz przykłady tytułów stron).
- Przechodzi sprawdzacz stron bez brakujących nagłówków ani tekstu obrazów.
Zacznij budować
Wybierz punkt startowy z szablonów stron firmowych albo przeczytaj, jak działa kreator stron We.Inc. Plan darmowy: do 3 stron z szablonów na adresie we.inc. Budowanie z AI i własne domeny zaczynają się w planie Starter za $20/miesiąc (cennik). Kalkulator kosztów strony pomaga porównać opcje. Po więcej szczegółów o stronie głównej zobacz jak zaprojektować stronę główną.
Zacznij budować stronę swojej firmy
Najczęściej zadawane pytania
Co powinno być na stronie głównej?
Nagłówek mówiący, czym się zajmujesz i dla kogo, jedno główne działanie, sekcje odpowiadające na główne powody wizyt (usługi, dostępność, zaufanie), dane kontaktowe i linki do głębszych stron.
Jak długa powinna być strona główna?
Tak długa, jak trzeba, by odpowiedzieć na główne zadania odwiedzających, i ani trochę dłuższa. Dla większości małych firm to pięć do ośmiu krótkich sekcji.
Czy Riverside Family Dental to prawdziwy gabinet?
Nie. To zmyślony przykład, a pokazany projekt to przykład, który We.Inc stworzyło z promptu.
Zacznij za darmo · Bez karty kredytowej
Product
- AI Website Builder: Describe a site in plain English; it's live in minutes
- White Label Platform: Your brand, your domain, your margin
- Enterprise: SSO, custom SLAs, and dedicated support
- Developer API: Embed site generation into your SaaS
Who It's For
- For Agencies: Resell under your brand
- For Freelancers: Your own branded builder
- For Hosting Providers: Add a builder to your stack
- For SaaS Platforms: Embed site creation via API
- For Startups
- For Financial Services
- For Healthcare
Features
- Drag & Drop Editor
- Built-in SEO Tools
- Custom Branding
- Client Dashboard
- Reseller Billing (Stripe Connect)
Resources
- Blog
- Help Center
- Free Business Tools
- Website Templates
- Glossary & Guides
- Integrations
- Developers
- Benchmark
- Windows App