0→1 Design Infrastructure for a Digital Agency
A new agency with no digital footprint, competing against firms with years of trust behind them. I designed eravue.com from the ground up, pairing a premium look with conversion-focused UX, so Eravue felt like an established digital powerhouse from day one.
02 — BACKGROUND
A new agency had to look established before it was
Eravue was set up as a one-stop digital agency, covering branding, UI/UX, web development, and marketing, in a market where legacy firms already owned client trust. I joined as founding designer, before the brand or the site existed, and owned both from the ground up: the brand identity, the website experience, and how they worked together. That meant every first touchpoint had to carry the weight a track record normally would, earning a stranger's trust in the first few seconds, with no portfolio history and no sales call to lean on.
03 — PROBLEM
Digital growth isn't the issue. Digital overwhelm is.
Most businesses want to grow online and get stuck in the process. They don't have the design or tech knowledge, their branding is inconsistent or dated, they can't clearly say what they offer, and working with an agency feels like a project in itself. Unlike a product with one user to convince, Eravue's site had to reassure people who were already overwhelmed, on behalf of an agency they had no reason to trust yet. An agency site that adds to the confusion loses the client before the first call.
make an unknown agency feel clear, credible, and easy to start with, before the first conversation?
04 — PROCESS
Four decisions before a single pixel of the real UI
Know who we were designing for
Three segments, one shared expectation. Pain points came from quick conversations, not a long research cycle.
Learn from 8–10 competitors
Competitors were doing some things right: strong visuals, detailed service descriptions, consistent brand color and typography. I kept all of that. But they failed in the same ways: buzzword-heavy copy that hid what they actually offered, long dense pages, an intimidating corporate tone, and generic visuals with no emotional pull. Most read as either too technical or too generic, and nobody sat in the middle.
Choosing the direction by what each one costs
Premium + modern + approachable was the only one that worked for all three segments.
Mapping the flow before the pixels
One flow, one outcome: every page moves the visitor toward a booked consultation.
05 — FINAL PRODUCT
From Wireframe to Live Site
Five pages, one goal: make a new agency feel established from the first click.
01User flow
- Landing
- Explore Services
- Service Details
- Schedule Consultation
02Core pages
Hover a screen to see it in dark mode.
- Portfolio
- Case study
- Services
- Detailed service
- Contact
03About us
Mission & valuesA clear mission and values, crafted to earn client trust.
Our storyThe agency's origin, told as a five-frame comic.
Designed to build trust through clarity and structure. It combines mission, values, and team into one clean, easy-to-scan page.
Meet our teamReal faces and names, not stock portraits.
04Brand & design system
A V-mark with a rising star, and one visual language across light and dark modes, defined once and reused everywhere.
Logo
Color & components
Dark theme
- #00235CPrimary
- #4D94FFSecondary
- #F88606Accent
- #151515Background
- #B7C9E4Secondary text
- #E9F0FAPrimary text
Light theme
- #5E80CAPrimary
- #B1C1E5Secondary
- #FBA414Accent
- #FFFFFFBackground
- #8D919ASecondary text
- #0F172APrimary text
Typography
- Heading 1
- Heading 2
- Subheading
- Body 1
- Body 2
A fully responsive site that felt bigger than a 4-week build.
06 — IMPACT
Live, and already converting
Four weeks from concept to launch. Here's what the first week delivered.
Leads in week one
Live and generating inquiries before most agencies would've finished a second design review.
One system, every page
A single design system now carries every service page. Page eight costs a template, not a redesign.
Always a next step
Trust signals and a consultation prompt sit on every page, so no visitor has to hunt for how to get started.
These are first-week signals, not long-term results. The site is still being measured.
07 — REFLECTIONS
What this project actually tested
Speed without cutting quality
Four weeks, concept to live. Every brand and UI call had to serve a business goal, so I learned to decide what mattered most and protect quality there.
Feedback before launch, not after
Quick conversations got the project moving. Broader user input, better documentation, and a post-launch feedback loop would have caught more before launch, not after.
set up the feedback loop in week one.
System first, then the site
A complete design system built before the sprint, not during it, would make the next round easier for developers to pick up and faster to ship: dashboards, onboarding, a fuller portfolio.
build the system before the sprint starts.