← Back to portfolio Case study · 04 of 07
Case study · B2B website / Brand relaunch

BMSC Website Redesign

A rebuild of Beauty Manufacturing Solutions Corp's site. The old one undersold the company's history and gave B2B clients a rough experience.

Client
Beauty Manufacturing Solutions Corp
Role
UI/UX Designer & Developer
Tools
Sketch, Adobe CC, WordPress, HTML5, CSS, JS
Status
Live and driving organic growth
Team
JM
PH

1 designer/developer (me), photographer, BMSC leadership as stakeholders

My scope

Brand & user research, IA, UI/UX design, front-end build, HR system integration, photoshoot direction, SEO

Tools
Sketch Adobe CC WordPress HTML/CSS/JS
Status

Shipped and live. Supporting B2B lead generation and internal HR workflows.

Jump to before / after ↓
01 Context

A legacy manufacturer that looked its age online

BMSC has decades of history and real manufacturing capability in the US cosmetic and skincare sector. None of that came through on the old site. It undersold the company to B2B prospects, and internal teams had no digital support for HR work.

02 Approach

Start with the brand, the goals, and the people using it

Before touching UI, I mapped BMSC's brand, business goals, and the people who'd actually use the site, B2B clients and internal staff. Every decision after got measured against that.

1
Brand

Understood BMSC's history, capabilities, and where its market position had drifted from what the old site conveyed.

2
Goals

Translated leadership's growth and lead-gen goals into concrete requirements for the new site and its content.

3
Users

Mapped how B2B prospects evaluate a manufacturing partner online, and how internal staff needed the site to work for them too.

03 Solution

Four pillars, one relaunch

A clean, modern UI/UX carried the redesign, but the project went past visuals into internal tooling and how the brand would actually be seen.

Clean, modern UI/UX

A rebuilt information architecture and visual language that reads as intuitive and easy to use for B2B visitors evaluating a manufacturing partner.

Smart HR system

Integrated a smart HR module into the platform to simplify internal processes and support the team's day-to-day work. This wasn't just a public-facing shell.

Directed the photoshoot

Organized and led a professional photoshoot so the brand looked like itself, not stock photography.

SEO built in

Wrapped the rebuild in SEO practices so the site could actually be found and pull organic traffic.

04 Branding

Building a brand design system from scratch

BMSC never had a formal design system, colors, type, and components were applied inconsistently page to page. Before designing a single screen, I built one: a color palette, a type pairing, and surface and elevation rules the whole site could sit on.

Color palette
Ink navy
Primary: headers, dark sections
Signal green
Accent: CTAs, links, badges
Warm apricot
Secondary accent: highlights
Off-white
Section backgrounds
White
Cards, page background
Typography
packaging
Lora, Bold 700: headings, ~44-64px, tight leading
Our packaging lab houses the latest advancements.
Nunito, Regular 400: body copy, ~18-20px, generous leading
Surfaces & elevation
Resting card
shadow-sm, 16px radius
Raised / hover
shadow-md, 16px radius
Buttons / controls
8px radius, flat fill
05 The result

Old site, new site

Before
After
06 The finished site

Key pages, rebuilt

A closer look at three screens from the relaunch.

1 Homepage

Leads with brand story and manufacturing capability instead of a generic product catalog. It's the first impression for B2B prospects.

2 About / our story page

Lays out BMSC's history, certifications, and manufacturing capabilities so prospects can vet the company before a sales call.

3 Research & innovation

An internal-facing screen built into the same platform. It simplifies day-to-day HR workflows for staff.

4 HR system screen

An internal-facing screen built into the same platform. It simplifies day-to-day HR workflows for staff.

07 The payoff

A bold, modern site that matches BMSC's energy

The relaunch gave BMSC a site that backs real business goals. It represents the company accurately to B2B clients, eases internal HR work, and grows organic reach through SEO.

Brand-accurate B2B presence Integrated HR system SEO-driven organic growth Original brand photography