Kelmec website transformation hero mockup
Website DevelopmentPerformanceStrategy

At a glance.

Kelmec — A Complete Website Transformation

A broad website refresh that tightened structure, improved credibility, and made the product story easier to navigate.

Client
Kelmec
Year
2024
Category
Website Development
Location
Chicago, IL

Overview

We rebuilt the website around clearer navigation and sharper messaging, giving the brand a more mature and dependable digital presence.

  • Simplify site navigation
  • Improve content hierarchy
  • Refresh visual consistency
  • Enable future page growth
Kelmec hero screen
Kelmec logo
Kelmec analytics-inspired page

Challenges

The previous website under-communicated the value of the business and made key information difficult to find.

Kelmec hero screen
Kelmec logo
Kelmec service screen
Kelmec mobile responsive screen

Solution strategy

A direct information architecture audit leading to fewer top-level pages and stronger entry points for each service line.

Brand research

B2B buyers scan for proof before they scan for features — credibility content must precede product detail.

Typography

A refined sans-serif system keeping the interface approachable while reinforcing dependability.

Main text

Outfit

Aa
Font

Outfit

Aa
Aa
Aa
Aa
Aa
Bb
Bb
Bb
Bb
Bb
Cc
Cc
Cc
Cc
Cc
Dd
Dd
Dd
Dd
Dd
Ee
Ee
Ee
Ee
Ee

Color

Kelmec logo

Main logo

#1e4f92
#5f8edc
#111111

Internal meetings

Internal meetings

User interview

User interview

User journey

Kelmec user journey map

Initial Layout

Kelmec initial layout wireframe

Final Layout

Kelmec final layout design

Clarity over Complexity

We prioritized clarity by reducing cognitive load at every interaction point, making complex flows feel simple and intentional.

Kelmec multi-device primary
Kelmec multi-device secondary
Kelmec multi-device tertiary
Kelmec mobile homepage

More screens

Kelmec homepage screen
Kelmec service screen