Home About Services Portfolio Process Contact
Case Study — Product Studio

A Studio's Site Has To Prove It Can Build Anything

YourMomStudio helps startups launch SaaS platforms, mobile apps, and games — so their own site had to showcase that range without feeling like five portfolios stapled together.

Start Your Project Visit Live Site ↗
Client
YourMomStudio
Industry
Product Design & Dev Studio
Services
Product Design · SaaS · Mobile
YourMomStudio homepage with an orange accent and a strip of client project thumbnails
Studio Portfolio Site
Home✦ Portfolio✦ YourMomStudio
Role
Design & Development
Deliverable
Studio Portfolio Site
Range
SaaS · Mobile · Games
Focus
One System, Many Products
The Brief

Range Is The Pitch,
Chaos Is The Risk

A studio that builds education platforms, mobile games, and ecommerce apps for other founders needs its own site to prove that range — without looking like five different portfolios stapled together.

The system had to flex hard enough to hold wildly different client work, and stay disciplined enough that it still felt like one studio, one voice.

  • A single grid system flexible enough to hold a SaaS dashboard next to a mobile game
  • One clear headline claim instead of a client-by-client pitch
  • A direct path from hero to "Let's Build Your MVP," with a showreel as the secondary option
1
System holding every client project
2
Hero actions — book a call or watch
1
Accent color across the whole shell
∞
Room for the grid to keep growing
The System

One Grid, Any Product

SaaS Dashboard
Mobile Game
Ecommerce App
Education Platform
Booking Flow
The Execution

One Orange,
Many Products

A single accent color carries across an otherwise near-black, restrained shell — so wildly different client screenshots, a game icon next to a dashboard next to a mobile flow, can sit side by side without visually fighting each other.

The UI stays quiet on purpose. The color comes from the work being shown, not the frame around it.

  • A near-black shell with one accent color, so client work supplies the color
  • A horizontal project strip built to scale as the studio's own portfolio grows
  • Bold but neutral typography that never competes with the products shown inside it
YourMomStudio client project thumbnail strip showing SaaS, mobile, and game work
The System

The Palette We Built Around

#FF6A1A — Studio Orange
The one recurring accent — everywhere else, color comes from client work.
#FF3D7A — Signal Pink
Reserved for energy — hover states and small emphasis only.
#FFB020 — Warm Amber
Bridges orange and pink in gradients without adding a third loud hue.
Aa
Display — Bold Condensed
Aa
Body — Neutral Sans
What Changed

The Outcome

Range, Without The Chaos

One visual system holds a mobile game and a SaaS dashboard on the same page.

A Portfolio That Scales

A project grid built to keep growing as the studio takes on new client work.

One Color To Remember

A single accent that makes the brand recognizable, no matter what's shown next to it.

Let's Create

Building Products For Other Founders?

We'll build a site that proves your range instead of just claiming it.

Start Your Project View More Work