The Challenge
Olha Boiko is a physical therapist with a mini-course for women: ten short routines (5–15 minutes) for the pelvic floor, breathing, and posture — aimed at women who don't have time for a full gym session. The brief was a single-page site that sells the course, with the visual direction wide open.
Version 1 (olhaboiko.socket.agency) shipped first — editorial and grainy, zine-like, built around an anatomical pelvis photo, a blue sidebar, and decorative section numbers. It was a clean implementation of a real creative direction.
Then it went live — and Mykola, the developer on this project and socket.agency's founder, looked at the homepage and stopped loving it. The hero read too clinical for a product about feeling good in your body, and the anatomical prop was doing more teaching than selling. So rather than patch Version 1, he rebuilt the site from the ground up.
Version 2
Version 2 (olhaboiko1.socket.agency) keeps every word of copy, every lesson, and the same payment link — and changes almost everything else.
- ●Typography-first hero — a confident Ukrainian headline in a warm cream palette; no anatomical prop dominating the fold.
- ●Manifesto section — a bold sans-serif spread that sells the why (five minutes a day for what matters) before it sells the product.
- ●"About the author" block that introduces Olha as a physical therapist, not as a body-part specialist.
- ●Softer visual grammar — an Onest + Unbounded pairing, a Petal decorative motif, and a component set designed around a product page, not a zine.
Both versions stay live and linked from the project card. V1 remains as a reference for the original direction; V2 is where the site sends visitors by default.
Astro 5 + Astro 6
Static site generation for both variants — one version per Astro major
Tailwind CSS v4
Utility styling with per-variant theme tokens and decorative primitives
Unbounded, Manrope, Onest, JetBrains Mono
Distinct type pairings per variant — editorial vs. brand-forward
Docker + Nginx
Containerized deploys behind the socket.agency subdomain router
Key Features
- ●Two live variants on separate subdomains — V1 as a historical reference, V2 as the current marketing surface
- ●Ukrainian-first copy with a tone tuned for women balancing work, family, and self-care
- ●Lesson grid / program breakdown covering ten routines (breathing, hip mobility, spine flexibility, pelvic activation, standing routines, period support)
- ●Author section introducing Olha as a physical therapist, not a generic fitness personality
- ●External payment link to the hosting platform — course delivery handled off-site, landing page focused on conversion
- ●Static generation + Dockerized nginx for cheap, cacheable hosting with no runtime server
Outcome
Two production landing pages, both fast, both Ukrainian, both telling the same product story with very different visual grammar. V1 taught us what not to lead with; V2 is what the site actually sells now. Keeping both live means the iteration stays visible — the honest work of going from shipped to right.