SAAS brand's Website Development

AudienceOut

1Forme

1Forme

2024

3 Weeks

3 Weeks

3 Weeks

Framer Expert, Brand Designer

AudienceOut SaaS website design in Framer – AI pitch coach platform homepage with light theme, green accents, and modern UX for interview preparation.
AudienceOut SaaS website design in Framer – AI pitch coach platform homepage with light theme, green accents, and modern UX for interview preparation.
AudienceOut SaaS website design in Framer – AI pitch coach platform homepage with light theme, green accents, and modern UX for interview preparation.

Overview

AudienceOut is a SaaS app that helps salespeople, interviewees, and speakers practice and perfect their pitch scripts. The app gives instant feedback on strengths and weaknesses, making preparation more effective. I redesigned their website with a light, growth-focused theme to better match the product’s balanced brand voice and drive higher conversions.

AudienceOut SaaS website design – homepage shown on tablet with light theme, AI pitch coach branding and green accent buttons.
AudienceOut SaaS website design – homepage shown on tablet with light theme, AI pitch coach branding and green accent buttons.
AudienceOut SaaS website design – homepage shown on tablet with light theme, AI pitch coach branding and green accent buttons.

Challenges

  • Outdated dark theme didn’t reflect the product’s approachable personality.

  • Website had too many sections and CTAs, leading to user drop-offs.

  • Mobile performance was poor → slow load speed and clunky animations.

  • Lack of clear visuals (no hero images or app screenshots).

  • Branding was inconsistent: mismatched colors, fonts, and tone.

  • SEO performance was weak → low visibility in search rankings.

AudienceOut mobile website design – AI pitch coach app interface on smartphone with clean light UI and modern typography.
AudienceOut mobile website design – AI pitch coach app interface on smartphone with clean light UI and modern typography.
AudienceOut mobile website design – AI pitch coach app interface on smartphone with clean light UI and modern typography.

Solutions

  • Shifted to a clean light theme with calming tones (not pure white).

  • Defined a green accent palette → symbol of growth & progress.

  • Created new logo, icons, and subtle animations for brand freshness.

  • Simplified the site → streamlined sections + 1 clear primary CTA.

  • Added hero images and app screenshots to show product value upfront.

  • Used the GAZE principle → visuals direct attention toward the CTA.

  • Optimized for mobile performance and reduced unnecessary code.

  • Improved SEO basics → meta tags, alt text, faster load, structured headings.

AudienceOut website mockup – SaaS homepage displayed on desktop screen in modern workspace setup for AI pitch training platform.
AudienceOut website mockup – SaaS homepage displayed on desktop screen in modern workspace setup for AI pitch training platform.
AudienceOut website mockup – SaaS homepage displayed on desktop screen in modern workspace setup for AI pitch training platform.

Results

The new website feels aligned with AudienceOut’s brand and voice. It’s lighter, faster, and more focused on conversions. Users now land, understand the product instantly, and take action.

2%

7.2%

10%

CTA Click Rate

2%

7.2%

10%

CTA Click Rate

2%

7.2%

10%

CTA Click Rate

+38%

Organic Traffic Growth (in the first 2 months)

+38%

Organic Traffic Growth (in the first 2 months)

+38%

Organic Traffic Growth (in the first 2 months)

1m 50s

Avg. Session Duration

1m 50s

Avg. Session Duration

1m 50s

Avg. Session Duration

🚀

Let’s Build Something Great

Got a project in mind? Claim your free 15-min consultation. No strings attached.

5+ satisfied clients

🚀

Let’s Build Something Great

Got a project in mind? Claim your free 15-min consultation. No strings attached.

5+ satisfied clients

🚀

Let’s Build Something Great

Got a project in mind? Claim your free 15-min consultation. No strings attached.

5+ satisfied clients

" Whatever happened, happened for the good. Whatever is happening, is happening for the good. Whatever will happen, will also happen for the good. "

— Krishna

Sapi.

" Whatever happened, happened for the good. Whatever is happening, is happening for the good. Whatever will happen, will also happen for the good. "

— Krishna

Sapi.

" Whatever happened, happened for the good. Whatever is happening, is happening for the good. Whatever will happen, will also happen for the good. "

— Krishna

Sapi.