Every agency claims the same things
Results driven, data led, growth focused. Buyers have read these phrases on every competitor site, so any claim made in them is discounted before it is considered.
The website that turns visitors into customers.
Rizer builds websites and the marketing that feeds them. 8+ years in this niche, 120+ projects for 50+ clients, rated 4.9. This page breaks down our own site: how it is built, what each section does, and the design system behind all 9 case studies.
The build
The website we built.
The work
The work, up close.
15 sections of the site, and what each one does.
The hero
The first screen shows a real client site
The hero holds a live screenshot of a client site, with the 4.9 rating and the client count directly beneath it. Buyers judge design quality within a few seconds, so the page opens with work rather than a claim about work.
Rating and client count above the fold
Services
6 services, each listing its platforms
Web design, social media, ecommerce, SEO, Google Ads and software development. Each card shows the platform logos and lists what is included, so a buyer can match us to their stack before reading anything else.
Platforms and deliverables listed on all 6 cards
The growth engine
The channels are shown as one system
An animated diagram routes every channel we run, from Google and Meta to SEO and email, into one centre and out to the metrics a business tracks: visitors, clicks, leads, conversion rate and new customers. The figures shown are illustrative of the model, not a client result.
12 channels mapped to 5 tracked outcomes
Process
3 steps, with the deliverables under each
Discover, Build, Launch. Each card lists what is produced in that phase and roughly how long it takes, so the process reads as a schedule a client can plan around rather than a promise.
Deliverables and timing on all 3 phases
The portfolio
Live screenshots at true retina proportions
Every portfolio card is a screenshot captured from the live site at 1440 by 900 and placed in a MacBook frame at matching proportions. Nothing is a mockup or a stretched placeholder, so a buyer can open any client site and see the same page.
9 client sites, all captured live
Proof
Statistics sit next to named reviews
50+ clients and teams, 4.9 average rating, 120+ projects delivered and 8+ years in the niche, followed immediately by reviews carrying the reviewer name and business. Unattributed statistics are easy to discount, so the two are placed together.
4 statistics, every review attributed
Objections
7 buying objections answered on the page
Speed of results, how we differ from a traditional agency, whether content must be ready first, whether we take small businesses, and how success is measured. Answering these before the call shortens the sales cycle and filters out poor-fit enquiries.
7 questions, answered before contact
Conversion
2 ways to make contact
A 15 minute call for buyers who want to talk, and a short form for those who do not. The form captures interest as selectable options instead of requiring a written brief, which reduces the number of people who start it and stop.
1 required field beyond name and email
About
The about page states how we work
A stated sequence of start with clarity, design for action, build for growth, with what each step covers. Naming the method lets buyers who want something different rule themselves out before a call.
3 stated steps, each defined
The difference
One team across design, SEO, ads and content
Briefing separate suppliers for design, SEO, ads and content leaves nobody responsible for how they connect. After 8+ years in this niche that gap is the most common reason marketing underperforms, so the page makes the case for a single owner.
4 channels, 1 accountable team
Depth
A services page for buyers who read everything
The homepage summarises 6 services in one grid. The services page gives each its own card and links onward to the matching evidence, whether that is the portfolio, the growth engine or a call. The homepage stays scannable and the detail stays available.
6 services, each linked to its proof
Case studies
9 case studies on one template
Every project page runs the same order: hero, site view, 15 screenshots, client background, scope, challenge, goals, strategy, comparison, results, impact and questions. A reader who has finished one can navigate the next without relearning the page.
1 structure, 9 projects, no exceptions
Detail work
Numbered blocks, each with one takeaway
Each of the 15 blocks per case study pairs a screenshot with a number, a label, a heading and one note. The blocks alternate left and right, and the note means a reader who skims still takes the point of every section.
135 screenshot blocks across 9 case studies
Custom components
A 7 step flow that keeps the order
7 goals laid out on a serpentine path with arrows that turn at the end of each row. A plain 3 column grid would have been faster to build but would lose the order, which is the point of the section. The component is reused wherever sequence matters.
Custom component, reused on all 9 pages
Making the case
A comparison table that restacks on mobile
Criterion, before, after. On desktop it reads as a table. Below 700 pixels each row becomes a labelled card, so no column is compressed and the page never scrolls sideways. Built mobile first and verified at 390 pixels.
Verified at 390 pixels on all 9 pages
The studio.
Rizer is a web design and growth studio with 8+ years in this niche, delivering 120+ projects for 50+ clients and teams at a 4.9 average rating across 50+ reviews.
At a glance
The project, on paper.
- Client
- Rizer. Our own site, built to the same standard as client work.
- Audience
- Business owners comparing agencies, most with a previous site that did not produce enquiries.
- Scope
- Homepage, services and about pages, a 9 page case study system, and the conversion path across all of them.
- Build
- Hand-written HTML, CSS and JavaScript. No framework, page builder or theme.
- Hosting
- Cloudflare Pages, served from the edge.
- Type
- Space Grotesk only. Italics carry emphasis instead of a second typeface.
- Colour
- Warm off-white ground, near-black text, 1 gold accent. No second accent on any page.
The challenge
What an agency site has to overcome.
6 problems specific to selling design and marketing to buyers who have bought it before.
The site is the work sample
For a design studio the website is the first and often the only sample a buyer sees. Any weakness in it is read as a weakness in the service.
Most enquiries come from a failed project
A large share of enquiries come from owners who already paid for a site that produced no enquiries. They arrive looking for reasons to disqualify rather than reasons to buy.
Design and marketing are bought separately
Buyers are used to hiring a designer, then an SEO specialist, then an ads manager. Showing why that split costs them results takes more than a services list.
Internal projects lose to client work
Client deadlines always outrank internal ones. Unmanaged, an agency site stays half finished for years and contradicts what the agency says about shipping.
There is no client to enforce quality
With no approval stage, the only quality control is the standard we set ourselves. Work gets accepted on an internal project that would be rejected on a client one.
The goals
7 goals, in order.
What the site had to do, in the order we built it.
01
Show design ability in the first screen
Open on a live client site rather than a claim, so the question of capability is settled before any copy is read.
02
State the services in plain terms
6 named services with their platforms listed, so a buyer can match us to their problem in one pass.
03
Show the channels as one system
Present design, search, ads and content as one engine, since that is the reason to hire 1 team instead of 4 freelancers.
04
Attribute every proof point
Ratings, project counts and reviews tied to named businesses, positioned so the numbers and the sources are read together.
05
Answer buying objections on the page
Cover timelines, cost concerns and fit before contact, so the first call is spent on scope rather than reassurance.
06
Provide depth for detailed buyers
Full case studies for buyers who read everything, without slowing the ones who decide in under a minute.
07
Build it mobile first
Most traffic arrives on a phone, so every component had to pass at 390 pixels before it was accepted.
Our strategy
The decisions we made.
6 build decisions and what each one traded off.
Lead with client work, not self-description
A claim an agency makes about its own quality carries no weight. A live screenshot in the first viewport makes the same point and can be verified by opening the client site.
Restrict the system to 1 typeface and 1 accent
Space Grotesk carries every level of hierarchy, italics do the work a second family would, and gold is the only accent. Holding that limit across 9 case studies is what makes them read as one studio.
Write the components instead of installing them
Hand-written HTML, CSS and JavaScript with no framework or builder. Every component ships only the code it uses, pages are fast by construction, and no part of the site depends on a plugin we do not control.
Hold all 9 case studies to one structure
Designing each project page around its own story would have been easier. One shared structure across 9 pages costs more to write and produces a body of work rather than a set of unrelated pages.
Capture screenshots instead of mocking them up
Every portfolio image is captured from the live site at true retina proportions. Nothing is a stretched placeholder, so a buyer can open the client site and see the same page.
Design mobile first, then audit it
Most of this audience arrives on a phone. Every table restacks and every grid collapses, and the whole site is audited at 390 pixels for horizontal overflow before release.
The design system
The design system.
8 components reused across every page and all 9 case studies.
The comparison
This site against a typical agency site.
10 differences a buyer can check on any agency site.
A typical agency siteWhat we built
First screenA slogan over a stock photographA live client site with the 4.9 rating beneath it
Portfolio imagesMockups and stretched placeholdersLive screenshots at 1440 by 900, never stretched
Case studiesA paragraph and one image15 screenshot blocks on 1 shared structure, 9 times
ProofUnattributed statistics4 statistics next to named, attributed reviews
Services6 abstract descriptions6 services with platforms and deliverables named
The buildA licensed theme on a page builderHand-written HTML, CSS and JavaScript, no framework
TypographyThree families and a decorative display face1 typeface, with italics carrying every emphasis
ObjectionsLeft for the sales call7 answered on the page before contact
MobileTables squeezed into scrolling columnsAudited at 390 pixels, every component restacks
The track record
8+ years, in numbers.
Our track record as published on the homepage.
8+Years in the niche
120+Projects delivered
50+Clients and teams
4.9Average rating
What it changes
What this gets a client.
What a client gets from this standard of build. These describe intent, not measured outcomes.
The site replaces the pitch
Instead of describing what we would do, we can point at a finished page at the standard we deliver. First calls start on scope rather than on explanation.
Fewer, better qualified enquiries
Stating the method and answering 7 objections up front means poor-fit buyers stop before booking, so calls are spent on work we can win.
New pages are a content task
Because every case study runs the same components, the next one requires writing rather than design, and it matches the others on release.
Fast by construction
Hand-written markup with no framework or builder means each page ships only the code it uses, with no plugin overhead to optimise away later.
Every claim is checkable
Any buyer can verify this page by opening a client site or resizing the window to 390 pixels. Verifiable work is a stronger position than described work.
The method is tested on us first
Every decision on this page is one we recommend to clients. Applying it here first means the cost of the advice has already been paid by us.
Questions
The short version.
Is this your own website?
Yes, and we included it in the portfolio on purpose:
- Why it belongs here: it is the project we had the most control over, so it shows what we do when nothing is compromised by budget or committee.
- What it demonstrates: the design system, the case study structure, the writing, and the conversion path, all of which we build for clients too.
- The obvious caveat: we are marking our own homework here, which is exactly why the other 8 case studies point at live client sites you can open and check yourself.
What does 8+ years in this niche cover?
It means the whole span has been spent on the same problem rather than adjacent ones:
- The niche: websites and the growth marketing around them for owner-led businesses, not enterprise brand work and not pure agency subcontracting.
- What that buys you: we have already seen how this goes wrong. Most of the decisions on this page exist because a previous version of them did not work.
- Across both sides: design and build on one side, SEO, ads and content on the other, which is why we argue so hard for treating them as one system.
- In numbers: 120+ projects delivered for 50+ clients and teams, at a 4.9 average rating across 50+ reviews.
Why build by hand instead of using WordPress?
Because for a site this size the tradeoff runs the other way:
- Weight: a theme plus its plugin stack ships a great deal of code the page never uses. Hand-written markup carries only what it needs.
- Control: components like the serpentine flow and the restacking comparison table were designed for specific arguments, not chosen from what a builder offered.
- Maintenance: nothing here breaks because a plugin updated or a licence lapsed.
- The honest limit: this approach suits a site edited by the people who built it. For clients who need to publish daily we build on a CMS, and we say so.
Can you design in a different style?
Yes. This site is our voice, not a template we apply to everyone:
- Look at the range: a Bangladeshi phone retailer, a California IT firm, an accessible travel operator and an IELTS testing platform all needed to look like themselves, not like us.
- What stays constant: the process, the structural thinking, the attention to mobile, and the standard of finish.
- What changes: the typography, colour, imagery and tone, which are decided by the brand and its audience rather than by our preferences.
What would you build for my business?
The same standard, aimed at your business rather than ours:
- Start with clarity: what you sell, who buys it, and what the site has to make happen before it is worth anything.
- Design for action: a structure built around the decision your visitor is making, not around a page list.
- Build for growth: fast, searchable, mobile-first, and set up so the marketing has something to work with from day one.
- Then keep going: SEO, ads and content run against the same system rather than bolted on by someone else later.
- Next step: book a free call and we will tell you honestly whether we are the right fit.
Keep exploring
View all
More case studies.
Your turn
Get the same build for your business.
Every method on this page is what we deliver for clients. Tell us your goals and we will scope the build.