DESIGN AGENCY
Eleken
Eleken is a SaaS-focused design studio that runs on a subscription model. They needed a marketing site that could explain a fairly unusual offer, a dedicated designer on a flat monthly rate, while showing off the quality of their actual product work. We built a clean, conversion-oriented website with a deep case study showcase, transparent pricing, and a calm visual style that lets the work speak for itself.
Industry
Design Agency
Status
Live in production
The challenge.
Eleken sells something that does not fit neatly into the usual freelancer, agency, or in-house buckets. The site had to make that model easy to understand in a few seconds, prove credibility with real client work and Clutch reviews, and guide a visitor toward booking a call. It also needed to carry a large library of UX case studies without feeling heavy or cluttered, since clean design is the whole pitch.
What we built.
We built the site around a quiet, light layout that puts product screenshots and case study results front and center. The structure walks a visitor from the core promise into the work, then into pricing and a clear comparison against freelancers and outsourcing vendors, and finally into a booking form. Every page reuses a small set of typographic and spacing rules so the case study library, blog, and service pages all feel like one product.
Pricing & Trust
Flat pricing made legible
The pricing page lays out three plans, a part-time designer, a full-time designer, and two full-time designers, each with the same checklist of what is included so visitors can compare at a glance. Below it a feature table contrasts Eleken against freelancers and outsourcing vendors, and a four-step trial section lowers the commitment of getting started.
- Three clear plans with matching inclusion checklists
- Comparison table versus freelancers and outsourcing vendors
- Free 3-day trial framed as a low-risk first step
Case Study Library
Real work, shown simply
The works section presents project after project, each tagged by industry with a short summary, a product screenshot, and a read case study link. Cylynx, TendrX, MegaStep, ClearPoint, and PicaSaaS all sit in a consistent rhythm, paired with a Clutch rating block and client quotes that reinforce credibility without crowding the page.
- Industry-tagged entries with screenshot and summary
- Consistent card rhythm across the full library
- Clutch 4.9 average and client quotes for social proof
About & Content
Story, niche, and blog in one voice
Supporting pages carry the same restrained style. The about page tells the origin story with light illustrations, the case study index lets visitors filter by SaaS niche, and the UI/UX blog organizes articles by topic. All three share the same type scale and spacing as the rest of the site so nothing feels bolted on.
- About page with narrative and simple illustration
- Case study index filterable by SaaS industry
- Blog organized by topic in the same visual system
Homepage & Conversion
A homepage built to convert
The homepage leads with the pragmatic UI/UX positioning, a pair of clear actions to book a call or check the portfolio, and a Clutch rating line. A wall of recognizable client logos follows, then a problem-led narrative that names the real pain points SaaS teams face before introducing Eleken as the fix.
- Clear headline with book a call and portfolio actions
- Logo wall of recognizable SaaS clients
- Problem-led narrative leading into the offer
How we built it.
The path from first conversation to a production system.
Understand the offer
We mapped how Eleken's subscription model differs from freelancers, agencies, and in-house hiring, and turned that into a clear page structure.
Design system
We set a small, reusable set of typography, spacing, and color rules so every page reads as one product.
Build the pages
We built the homepage, works library, pricing, about, and blog as components that share the same layout language.
Tune for conversion
We placed actions, social proof, and the booking form so each page nudges visitors toward starting a trial or booking a call.
The results.
What Eleken delivers in production, and the core stack it runs on.
Homepage, case study library, pricing, about, and blog built on one shared system.
Clutch social proof and client quotes woven through the site to build trust.
A single set of type and spacing rules keeps every page consistent.
Running at eleken.co as the studio's main marketing and lead site.
Next.js
React
TypeScript
Tailwind
Figma
VercelHave a project like this?
Tell us what you're building. We'll come back with a clear plan, a timeline, and the team to ship it.
