All work

Websites / A pharmaceutical services website

Help business customers find the right information.

Discovery-led website concepts and navigation for a pharmaceutical services business.

Illustration of pharmaceutical packaging, a content map, and responsive business website layouts.
Editorial illustration of the project scope. Not a production screenshot.
Discovery & concept processConceptual overview

Business context

Navigation structure

Responsive alternatives

Concepts for review

Discovery & responsive design concepts. A simplified visual guide to the work described below.

Let the business context shape the structure.

The design direction started with a completed client questionnaire and leadership feedback. The work translated that material into a clearer structure for a business audience, including service information and the placement of quality and compliance resources.

Show meaningful alternatives.

I developed five responsive homepage concepts and corresponding mega-menu directions, with a comparison page to make review easier. Each direction explored hierarchy and presentation while working from the same discovery context.

Make the limits of the prototype visible.

Interior previews helped show where navigation could lead. They were identified as previews rather than finished interior pages. A future portal was kept outside the immediate design scope so that the public website could be evaluated on its own terms.

The process

How the work came together.

Mapping the content and navigation before styling it. Editorial illustration.
Mapping the content and navigation before styling it. Editorial illustration.

Read the business context

Use the completed questionnaire and leadership feedback to establish priorities.

Develop comparable directions

Explore responsive homepage and mega-menu concepts from the same brief.

Support a design decision

Present alternatives together and distinguish interior previews from completed pages.

Skills & applications

What the work called for.

Discovery synthesisInformation architectureResponsive designNavigation design
Responsive website concepts
Five homepage directions support comparison before implementation.
Mega-menu design
Navigation connects audience needs with service and supporting information.
Design comparison
A review surface helps stakeholders evaluate the alternatives.
Figma review file
Five editable desktop homepage captures support client review alongside the responsive web concepts.

The deliverables

What took shape.

A responsive services website direction. Editorial illustration.
A responsive services website direction. Editorial illustration, not a production screenshot.

Discovery & responsive design concepts

  • Discovery-led information architecture
  • Responsive homepage concepts
  • Mega-menu directions & comparison

The outcome

The result.

A reviewable set of responsive website directions and navigation concepts, organized to support design selection and the next implementation phase.