Web design where every choice pulls its weight

A MacBook Pro laptop displaying a construction-themed website, placed on large gray rocks with a plain background.
A dark-themed app interface with the text 'From idea to life-changing breakthrough' and 'Your drug discovery journey begins here.' It includes two stages: 'Hit discovery' and 'Hit optimization,' with icons and links for each stage.

I design and art-direct websites end-to-end. From homepage strategy to responsive page builds to dev handoff, I lead the design and stay close to the work through implementation.


HOW I WORK

A website is a narrative and navigation tool at the same time. Every visual choice, from color to layout to typography, should do both: give the brand a voice and help the user get where they're going.

Laptop on green armchair displaying a webpage about drug development and safety assessment services.

Lead with strategy, then design

Before layouts, I want to understand what the site needs to accomplish and how users will move through it. That thinking shapes everything from page hierarchy to section structure to where the calls to action land.

Shape the content, not just the containers

Client copy often arrives unfinished or written for a different format. I rework content for clarity and alignment with the layouts I'm building, designing user flows that guide people through each page's story.

Art-direct with intention

I make deliberate creative choices per project. Typography scale, photography style, section-by-section layout variation. The goal is a site that has a real visual identity, not a template with swapped colors and logos.

Collaborate closely with development

I design in Figma with handoff in mind and work directly with developers through build. When interaction intent isn't obvious in a static mockup, I provide animation references or find live examples so nothing gets lost between design and code.


SECLECTED WORK
Comparison of a webpage before and after a design update. The 'before' version has a dark blue background with a research robot image, white text, and a 'read more' link. The 'after' version is clearer without the overlay, revealing more of the webpage content.
A person using a laptop displaying a webpage about AI agents for regulated software teams.

A web webpage titled 'A refinery for rocks' with large text, a photo of gray rocks on a bright blue background, and text describing the process of transforming electrical energy into chemical energy and replacing limestone with calcium silicate minerals.
A collection of green line icons representing various technology, science, and healthcare themes, including a computer monitor, database, terminal window, medical symbol, syringe, brain, medical monitor, eye, laboratory flask, handshake, webpage window, globe with checkmark, and tools.

XtalPi

End-to-end website design and art direction for a growing biotech company. Magazine-style layouts with bold typography, large photography, and a color-per-product system that unified brand identity with site navigation. Over 10 desktop pages plus full mobile responsive design, custom interactive graphs, and scroll-based interactions.

A digital interface promoting a drug discovery process from idea to breakthrough, with two stages: hit discovery and hit optimization.
A MacBook Pro laptop on large rocks surrounding it, displaying a website with construction cranes and a person wearing a helmet. The website has text saying, 'We're here because it's hard' and 'And because it's important.'

Ketryx

Homepage refresh and brand messaging strategy for an AI-first software company. Helped the team articulate their positioning and brought it to life through a redesigned site experience.

Sublime

Interaction-led website refresh where motion and micro-interactions became the storytelling layer, reinforcing the brand's positioning as forward-thinking.

CONTACT

If you need a website that looks like your brand and works for your users, I'd love to hear about the project.