top of page

Alyssa Nelson

Case Study -
OneHourWeb.site

A $12/month website builder designed to get small business owners online in an hour — no learning curve, no tech skills needed.

Project Type: Live SaaS Product
Role: Co-Founder and Lead Product Designer
Timeline: October 2023 - Present
Challenge: Create the most intuitive website builder

THE CHALLENGE

Democratize web presence for small businesses by eliminating cost, complexity, and time barriers.

252,000 new websites are created daily, yet most builders either demand steep learning curves or steep prices. We identified a massive underserved segment: small business owners who want a professional site fast, cheap, and with zero technical friction.

Our Hypothesis: Could we deliver professional results in under an hour for $12/month?

My Role

Co-founded and led product design and strategy

Conducted user research, designed key flows, built the design system

Collaborated closely with the engineering co-founder to balance simplicity with functionality

Research & Validation

Interviews with 30+ small business owners revealed:

  • "I just want a site that looks good." — outcome-driven mindset

  • "I don't have time to learn something new."

  • Setup expectation: under 2 hours

  • Budget tolerance: <$20/month

Market Gaps Identified:

  • Wix/Squarespace: $20+/mo + learning curve

  • WordPress: Free but inaccessible without tech knowledge

  • GoDaddy AI: Fast but uncustomizable

product design strategy

Design Philosophy: Constraints enable simplicity.

We focused on smart defaults and I advocated strongly for feature limitation to remove failure paths while delivering satisfying customization.

Principles I Championed:
 

  • Curated Aesthetics: Hand-picked fonts and color palettes eliminate choice paralysis
     

  • Intelligent Defaults: Layouts designed to avoid visual errors by default
     

  • Invisible Complexity: Mobile-responsiveness, accessibility, and performance are handled behind the scenes
     

  • Progressive Disclosure: Advanced controls hidden until needed

Product Decisions:
 

  • 14 structured section types instead of blank canvas
     

  • Limited, professional color palettes instead of a full picker
     

  • AI-generated sites with editable scaffolding

Pink Poppy Flowers
Pink Poppy Flowers

By constraining options to professionally designed variations, users can personalize without risk of creating something visually broken.

Screenshot 2025-07-25 113505.png

Foolproof Customization

(Solves: "I'm not a designer")

  • Edit from a list, not a blank screen

  • 2–10 layout variations per section

  • Live preview across devices

Key features

Each feature was deliberately crafted to address specific pain points identified in our user research. Rather than building a comprehensive tool, we focused on eliminating the three biggest barriers that prevent small business owners from getting online: not knowing how to start, fear of looking unprofessional, and technical complexity.

This eliminates the intimidating blank canvas that causes most users to abandon traditional builders before they begin.

AI Site Generator

(Solves: "I don't know where to start")
 

  • one paragraph about your business = instant site

  • Generates content, layout, and imagery instantly

Built-In Tech Advantages

(Solves: "I don't have technical skills")

  • Fully responsive by default

  • AA accessibility compliance

  • Guided domain integration

  • Automatic photo optimization

These complex technical requirements are handled invisibly, so users focus on content and branding rather than implementation details.

design process

Phase 1: Research & Validation

  • Interviewed 40+ target users

Phase 2: Competitive Audit

  • Mapped where incumbents fell short on cost, time, and simplicity

Phase 3: UX & Architecture

  • Designed a constraint-based system optimized for outcome, not flexibility

Phase 4: Prototyping & UI

  • Created onboarding flows and section-based editors

Phase 5: Component System

  • Developed scalable design system and rulesets

Phase 6: Iteration

  • Ran user tests; implemented dozens of usability refinements

Pink Poppy Flowers

In order to make development faster for the engineer, I wrote out the design system in CSS terms, rather than a traditional visual layout

Figma mock-up of Testimonials section design options

Pink Poppy Flowers

Additional Hero section designs and rich text editor added based on user interviews

Pink Poppy Flowers

Guided set-up flow

Additional Hero section designs

and rich text editor added based on user interviews

Pink Poppy Flowers
Pink Poppy Flowers

One of the most complex visual design challenges was architecting a resilient design system that maintains professional aesthetics and visual hierarchy regardless of user-generated content variability.

results & impact

User Feedback: "I can't believe it was this easy!" "That went together so fast, and it looks so good!" "I am net tech savvy, but even I thought it was super intuitive and easy to use!"

8/10 users have exclaimed during setup how exceptionally easy, simple, or intuitive it was to build and edit their website.

Performance Metrics

  • 30+ active paying users within first year

  • 97% customer retention

  • <10% support contact rate

  • Average site build time: under 10 minutes

Business Impact

  • High retention and low support = product-market fit

  • Price point validated by sustained usage

  • Consistent differentiation on simplicity and speed

moving forwarfd

Ongoing Product Development: OneHourWeb.Site continues to evolve based on user feedback and scalability requirements, with several key improvements currently in development.

Color Palette Improvements

 

While the current color palette limits the number of bad choices a user can make and helps ensure accessibility, users have expressed frustration over not understanding how the color palette they choose will be implemented in the website, resulting in excessive toggling between the palette menu and live view.

One solution I am currently exploring is adding a preview of the live website as users are choosing colors in order to ensure confidence in color choice and eliminate the back and forth.

Users are also often frustrated with the application of yellow and orange shades across the website, and have mentioned frequently that they would like more granular control of color application.

I am actively working with the engineer to create special rule cases and unique palette options to better accommodate these use cases.

Additionally, I am constructing a set of rules and systems that can allow users to change the color of specific elements in a very limited way that eliminates visual failure paths, and updates any text connected with the element to maintain proper contrast ratios.

Aesthetic Improvements

 

Navigation buttons are currently at a styling default set by the engineer due to time constraints and prioritization of other more essential functions. The result looks somewhat piecemeal and outdated.


I am implementing a glass-morphic visual style language to the UI controls to create a more sleek and modern feel for the website builder to inspire greater trust and brand value for the user.

I am also building default scroll-animations and micro-interactions into each section to improve the "wow factor" of the finished product in order to generate more referrals from excited users.

OneHourWeb.Site continues to serve small businesses previously priced out of professional online presence. It embodies my belief that good design, when paired with constraint-led strategy, can dramatically increase access to digital tools.

bottom of page