WEILOO / BESPOKE WEBSITES
Built aroundwhat peoplecome to do.
A remarkable website is more than an impressive screen. It understands the visitor, makes a complex story clear and turns curiosity into a useful next step.
TRY THE IDEAS / 01—03
Three briefs.
Three distinct worlds.
Explore how a strategy consultancy, a specialist staffing agency and a kitchen studio can each have a site with its own voice, visual language and path to action.
These fictional brands demonstrate three art directions. Energy Literacy below is the commissioned client project.
01 / THE DIFFERENCE
A beautiful first impression
is only the beginning.
We work backwards from what someone arrives to understand, compare or do. That changes the structure, the writing, the interaction and the way the site is measured.
before a page is drawn.
Give the visitor an instant point of recognition.
The opening screen names who the site is for, what it helps them do and where to go next. The value should be understood without decoding an internal slogan.
A specialist consultancy leads with the decision it helps clients make, then gives them a route into relevant expertise.
01Positioning & researchThe right question before the first wireframe.
We study your offer, audience, existing site and relevant competitors. This defines the message hierarchy, the pages required and the decisions each page needs to support.
- Competitor and category analysis
- Audience needs and search language
- Site goals and success measures
02Information architecture & copyMake a large body of information feel navigable.
We plan paths through the content, then write the pages around the reader’s questions. Search structure and editorial clarity work together, so the site can be found and understood.
- Page map and user journeys
- Conversion-focused copy
- Editorial and search-ready structure
03Art direction & interactionA distinctive visual language with a job to do.
Type, imagery, motion and interaction are designed as one system. A useful transition can explain a relationship; a well-placed detail can make the next action feel natural.
- Responsive design system
- Purposeful motion and feedback
- Interactive prototypes for key moments
04Build, launch & improvementCare after the screen has been approved.
We implement the approved design, test the key flows and make it manageable for your team. Analytics and a clear handover create a basis for useful iteration.
- Responsive implementation
- Performance and accessibility review
- Tracking, training and handover
02 / AN EXPERIENCE LAB
Ideas made tangible.
These are interactive concepts, built to show the kinds of experiences a custom site could support. Every feature would be scoped around a real business need.
Product explorers, member experiences, connected content libraries, multilingual journeys, AI-assisted knowledge tools and richer visualisations. We choose the technology after the job is clear.
03 / A REAL PROJECT
A home for a whole conversation.
Ronald Stein had years of energy commentary, books, media and speaking work. We brought it into a coherent editorial website that readers can explore across screens.
THE CHALLENGE
Give a large body of ideas
a clear place to live.
Articles, books, speaking, media and Ronald’s perspective needed a structure that served first-time visitors and deeper readers. The design uses a decisive typographic system and a clear hierarchy to make the material easier to navigate.
Scroll inside the screen to explore the live project. If your browser blocks embedded sites, open the live website above.
THE STRUCTURE / EXPLORE THE DECISIONS
One site. Many ways in.
We organised Ronald’s work around different reasons to visit. Select a page to see its role in the larger experience.
04 / BEYOND THE LAUNCH
Built to grow
with the business.
A strong site is a foundation for publishing, learning and change. We plan the editing experience and measurement alongside the public-facing design.
05 / HOW WE BUILD
The process is
part of the product.
From the first question to the live site, each stage has a decision to make and an output to review. Choose a stage to see what happens.
QUESTIONS / BEFORE WE BEGIN
The practical
details matter.
Scope, platform and timing follow the brief. Here are the questions worth settling before the first design decision.
What makes this a bespoke website?
We start with your audience, offer, content and business goals. The page structure, writing, visual language and interactions are then designed for that specific brief. The exact deliverables are agreed before work begins.
Can you build in WordPress and Elementor Pro?
Yes. We can design and implement a custom experience in WordPress and Elementor Pro when it fits the editing and maintenance needs. More complex tools or integrations are scoped separately.
Do we need all the interactive features shown here?
No. The concept demos show possibilities, not a checklist. We recommend an interaction only when it helps a visitor understand, decide or act more effectively.
Will the design work on mobile and tablet?
Responsive behaviour is part of the design from the start. Layout, type, media and controls are reviewed for the screen sizes included in the project scope.
Can you help with copy, articles and search structure?
Yes. We can include positioning, page copy, article architecture and a content plan. Ongoing publishing and a larger article library are scoped clearly rather than assumed to be part of every site build.
What happens after the site launches?
We agree on handover, editing guidance and any continuing support before launch. We can also review analytics and plan later improvements as a separate phase.
YOUR NEXT STEP / LET’S TALK
Tell us what your site
needs to make possible.
Choose a time to discuss your audience, your current site and what the new experience should help people do. Add a website link and a short brief to your booking notes if you have them.
Let’s map the next step.
Select a time below. We’ll use the conversation to understand the right scope and starting point.
Calendar not appearing? Open the booking page.