Back

SoftlyShaded

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