Back
SoftlyShaded

Main Tech Stack
- Astro
- Tailwind CSS
Problem
Softly Shaded’s clients primarily found their work through Instagram and Facebook, but had a problem of scattered information across posts and stories. Client needed to consolidate their lash and brow services, pricing, and FAQ into a single location.
Solution
Built a single page website with Astro’s static site generation for optimal performance. The site features three main sections (Home, About and Services), a service catalog with detailed FAQs, and SEO optimization including structured data for local business discovery.
Implementation Highlights
- Used Astro static generation to keep the site fast, simple, and inexpensive to host for a brochure-style business website.
- Structured services, pricing, and FAQs as reusable content so repetitive sections could stay consistent as the site grew.
- Focused on SEO and local discoverability because search visibility matters as much as presentation for this type of business.
Technical Challenges
- Content Management: Services required complex data structures including pricing tiers, duration, preparation notes, and detailed FAQs. Solved by defining a type-safe Zod schema with nested objects and arrays.
- SEO Optimization: Local service businesses rely heavily on search visibility. Implemented JSON-LD structured data with Schema.org’s BeautySalon type, including service catalog, pricing, and location data
- Asset Optimization: Balancing visual appeal with performance. Used WebP format for photos, SVG for illustrations and logos