Brand-led websites
Marketing sites that sound like you and guide visitors toward a clear next step.
- Site structure & messaging map
- Visual direction & page design
- Responsive layouts for every screen
Independent designer & front-end builder
Clear websites for small teams with bright ideas.
Opal Beam is a one-person studio shaping calm, useful web experiences, from the first sketch to clean, hand-built code your team can keep growing.
Now booking projects for the coming season
Services
Design and build, under one roof.
You work directly with the person designing and coding your project. No hand-offs, no lost context, just a steady line from idea to launch.
Product & UX design
Focused interface work for apps and tools: flows that feel obvious once they exist.
- User flows & wireframes
- Clickable prototypes
- Component-based UI kits
Front-end build
Lightweight, accessible code that turns approved designs into a fast, dependable site.
- Semantic, accessible markup
- Performance-minded styling
- Documented hand-off for your team
Selected work
Projects shaped with care.
A few sample engagements showing how briefs become finished, working experiences.
Northfold Ceramics · Studio website
A slower, warmer home for a small pottery studio
The studio's old site buried its classes behind a gallery. We rebuilt the structure around what visitors actually came for, pairing quiet typography with generous photography so the work leads.
Harbour Line Physio · Service pages
Clearer paths from symptoms to the right appointment
Patients arrived unsure which treatment to choose. New service pages explain each option in plain language and point to one simple enquiry route, built to meet accessibility guidelines from the start.
Fieldnote Planning · Product & marketing
One design language across a site and its software
A young planning tool had a marketing site and an app that felt like two companies. A shared component kit now keeps colours, type and patterns in sync, so the team ships new pages without starting from scratch.
Client names are illustrative samples for this template.
Process
Four steps, no surprises.
A simple rhythm that keeps you informed at every stage and makes decisions easy.
-
Discovery call
We talk through goals, audience and constraints, then agree on a clear, written scope.
-
Shape & sketch
Structure, content priorities and rough layouts come first, so we get direction right early.
-
Design & build
Polished designs become working pages, shared as live previews for regular feedback.
-
Launch & hand-off
We go live together, with a walkthrough and notes so your team feels at home.
About the studio
Small by design, thorough by habit.
I started Opal Beam to work closely with teams who care about the details but don't need an agency's overhead. Every project gets my full attention, from the first conversation to the last line of code.
I enjoy untangling complicated offers into pages people understand quickly, and building them so they stay easy to update long after launch.
Good design makes the next step obvious, for your visitors and for your team after launch.
- Information architecture
- Interface design
- Accessible HTML & CSS
- Design systems
Ways to work together
Pick the shape that fits.
Every engagement starts with a short call. If none of these quite match, tell me what you need and we'll shape it together.
Questions
Good to know before we start.
Do you work with clients in other time zones?
Yes. Projects run remotely with a few scheduled calls and clear written updates in between, so overlap of a couple of hours is plenty.
Who writes the content for the site?
You know your business best, so you'll usually supply the raw material. I help structure it, suggest edits for clarity and flag gaps early.
Can you work alongside our existing developers?
Absolutely. I can deliver designs and a component kit for your team to build, or hand over tidy, documented front-end code they can plug in.
What happens after launch?
Every project includes a short support window for fixes and questions. After that, many teams move to a design partner arrangement or book help as needed.
Start a project
Tell me about your idea.
Share a little about what you're planning. I'll reply with a few questions and a time for a no-pressure intro call.
- A personal reply, not an automated sequence
- Honest advice, even if I'm not the right fit
- Clear scope before any work begins