Sample website design project
Client name a clear, modern website design shaped around their customers
Placeholder: one or two sentences on who the client is and what they needed designed, e.g. a fresh look for a growing business whose old website no longer reflected the brand.
page layouts designed for desktop and mobile.
rounds of feedback before sign-off.
desktop, tablet and phone layouts for every page.
from first call to approved designs.
Their challenge
Placeholder: describe what the client came with, e.g. an outdated website that looked behind their competitors and made it hard for customers to find what they needed.
- A look that matches the brand and feels current
- Clear paths to enquire, book or buy
- Layouts that work just as well on phones
- Content that is easy to read and scan
- Designs a developer can build without guessing
“The business had grown. The client needed a website that looked the part and made it easy for customers to say yes”
Good website design starts with the people using it. We worked out who visits, what they look for and what the client wants them to do, then designed around that.
The solution
We mapped the pages and user journeys first, then designed each page for desktop and mobile, with a simple style guide so the look stays consistent as the website grows.
From first sketch to approved designs
Site map and user journeys
Before any visuals, we agreed the pages, the content each one needs and the steps a visitor takes to enquire or buy.
- Site map agreed with the client
- Clear calls to action on every page
- Content plan for each section
Desktop and mobile layouts
Every page was designed for large screens and phones, with type, spacing and buttons sized for each.
- Desktop, tablet and phone layouts
- Hover states and simple animations
- Accessible colour contrast and text sizes
Style guide and handover
Colours, fonts, buttons and reusable sections were documented, so any developer can build the website exactly as designed.
- Style guide with colours and type
- Reusable section library
- Design files handed over in full
From first call to approved designs.
Listen
We learned about the business, its customers and what the website needed to achieve.
Plan
We agreed the site map, page content and the journey to each enquiry.
Design
We designed the key pages, gathered feedback and refined them together.
Handover
We delivered the approved designs and style guide, ready for development.
The results
Placeholder: summarise the outcome for the client once the designs were approved or the website went live.
A look that fits the brand
Placeholder: describe how the new design reflects the business.
Clearer paths to enquire
Placeholder: describe how the layouts guide visitors, with real figures if the site is live.
Ready for development
Placeholder: describe the handover and how the build went.
Services we provided
website development
We can build the design we create, or hand it to your developer.
website development
Ready for a website that looks the part?
Tell us about your business and we'll come back with a clear, fixed quote for the design.
Let's TalkLet's TalkMore of our work
Corporate website & court bookingFederal Brent Retail, Inc.Website Design & Development · Web App
News & media websiteKUBO Philippine LifestyleDevelopment · Maintenance · Hosting
Japan-inspired real estateFNG (Federal Land & Nomura Real Estate)Development · Hosting · Maintenance
Website & court bookingMet ParkWebsite Development · Booking System
Website revampProfitability PartnersWebsite Design & Development
News & mediaTOFA NewsWebsite Design & Development