Landing pages that explain the product
One clear product page, designed and coded.
The Fernhalt page is a design case study for a fictional brand; nothing there is for sale.
- 360 → 1440 px layouts checked on phone, tablet and desktop widths
- WCAG AA contrast, focus states and keyboard paths checked
- Your stack static HTML, Next.js, Astro, Webflow or Shopify sections
Deliverables
- Page structure and wireframe, then high-fidelity design
- Built page with components for hero, features, specs, FAQ and contact or checkout hand-off
- Meta tags, Open Graph image and structured data
- Source files and a short guide for editing content
Responsive support
- Mobile-first layout tested at 360, 390, 768, 1280 and 1440 px
- Touch targets at least 44px, no horizontal scrolling
- Images sized per breakpoint; text stays readable without zoom
Quality checks
- Lighthouse and Core Web Vitals reviewed before handover
- Keyboard and screen-reader pass on the main paths
- Reduced-motion version of any animation
How to start
Email your product, audience and any pages you like. You get a short scope and a quote back. Or hire through Upwork if you prefer its contracts and payments.
Questions
Is Fernhalt a real client?
No. Fernhalt is a fictional brand used to show the design and build process.
Can you work from our existing brand?
Yes. Fonts, colours and photography from your brand guide are used as the starting point.
Do you write the copy?
Page structure and headline drafts are included; final product facts come from you.
Pricing is quoted per project after a short scoping email; there is no fixed price list. See the live example: Fernhalt case study.