Działający prototypFitnessFikcyjna firma · Cardiff

Przykładowa strona siłowni

Energetyczna strona siłowni z tygodniowym grafikiem zajęć, karnetami i zaproszeniem na darmowy trening próbny.

Otwórz demo na żywo Wypróbuj na tej stronie

1440×900 · 50%

Otwórz demo

Screenshot of Ironhouse Strength Co (Gym & Fitness Studio Website Demo)

Wczytywanie podglądu…

Podoba Ci się ten układ? Zbuduj własną stronę za darmo — z Twoimi zdjęciami, cenami i rezerwacjami, w jednym pliku.

Wyślij przez WhatsApp

iPrototyp fikcyjnej firmy. Ironhouse Strength Co, jej ludzie, ceny, opinie i dane kontaktowe są zmyślone; formularze są symulowane i niczego nie wysyłają. Numery telefonów pochodzą z puli zarezerwowanej przez Ofcom.

Kontekst branży

Problem, który bada ten koncept

Ludzie zapisują się na siłownię dla konkretnych zajęć w konkretny dzień. Jeśli grafik to obrazek lub PDF, na telefonie jest nieczytelny, a dla wyszukiwarek niewidoczny — i gość wychodzi bez powodu, by przyjść.

Ironhouse testuje mocny, typograficzny design z grafikiem w HTML, porównaniem karnetów i kalkulatorem BMI, który dodaje odrobinę interakcji. Jedynym zobowiązaniem jest darmowy trening próbny.

Siłownie zdobywają członków grafikiem i pierwszym treningiem. Te koncepcje pokazują interaktywny grafik zajęć, porównanie karnetów i lekki kalkulator BMI, który daje powód, by zostać na stronie.

Pokazane funkcje

Grafik tygodniowy
Zajęcia według dni i godzin w prawdziwym HTML, czytelne na każdym urządzeniu.
Porównanie karnetów
Plany obok siebie, z tym, co każdy obejmuje.
Kalkulator BMI
Mały, uczciwy kalkulator, który angażuje odwiedzających.
Nagrania z treningów
Licencjonowane ujęcia z siłowni w prezentacji sterowanej przewijaniem.

Dobre praktyki

Czego potrzebuje świetna strona: Fitness

Pełny poradnik: Fitness

Grafik w prawdziwym HTMLCzytelny na telefonie, filtrowany według dni i widoczny dla wyszukiwarek — nigdy obrazek.
Karnety obok siebiePokaż, co obejmuje każdy plan i czy jest umowa.
Pierwszy krok bez zobowiązańŁatwiej powiedzieć „tak” darmowemu treningowi lub tygodniowi próbnemu niż karnetowi.
Trenerzy i specjalizacjeLudzie wybierają trenerów tak samo jak siłownie.

Zrzuty responsywne

Komputer i telefon, uchwycone z działającej strony.

Ironhouse Strength Co demo, desktop view, video showcase section — Komputer · prezentacja

Ironhouse Strength Co demo, desktop view, services section — Komputer · sekcje treści

Ironhouse Strength Co demo, mobile view — Telefon · 390 px

Technologia

Jak powstaje ta strona

Strona jest generowana na żądanie przez silnik szablonów z kilku parametrów — szablonu, nazwy firmy, miasta i telefonu. Nie ma osobnej kompilacji ani rekordu w bazie dla każdej strony.

Czytaj studium silnika

Szablon: fitness
Technologie: Silnik szablonów (czysty JavaScript) · Cloudflare Workers · Proxy obrazów i wideo na brzegu sieci · Ruch CSS sterowany przewijaniem
Animacja: Ukośne przejście
Renderowanie: Na brzegu sieci, na żądanie
Media: Licencjonowane wideo przez dozwolony serwer pośredniczący
Formularze: Symulowane — nic nie jest wysyłane
Indeksowanie: Strony dem nie są indeksowane