epic labs b2b ux, ui, & brand

audience

Optical offices needing specialty lenses for unique cases of patients

role

art director, photography art director, visual designer, brand designer

project type

UX, UI/visual design, brand design, photoshoot

challenges
  • How can we capture compelling photography of the product – the lenses — as well as 360° views? Epic lacked photography of their specialty lenses, and 360 views was of high value as opticians are very interested in how the lenses look from the front and back.
  • How can we amp up the brand and UI design while maintaining B2B professionalism? A hallmark of my design approach, I am always looking at how to surprise and delight B2B users similarly to B2C.

Visual design

 
SCROLL
Long scrollable image
SCROLL
Long scrollable image

I developed the art direction of using 3D-printed geometric stages for each category of lens, which carry through to the site, seen here in the product pages. The geometry of the stages communicates the precision of the lenses that Epic makes, which only a couple of optical labs in the country produces.

360° product videos

It's crucial that optical labs see the precision of Epic's capabilities as seen in each of the specialty lenses. As such, I captured with a photographer 360 videos of each lens. For the UI, I documented that upon hover, each lens' video should start and stop, which you can see in the screen capture below.

Menu

As a B2B site of traditional users, an above-average number of users are on desktop, so I was able to take advantage of interactive features more accessible on desktop (that still degrade gracefully on mobile), such as here in the navigation, where users can directly see a photo of the lens on hover before they click to the respective page.

Typography

I used a subtle visual reference throughout of foreground and background repetition of headlines — a cue to near-sightedness and far-sightedness.

Stationery

Throughout the stationery, I used Epic's tagline of "we don't do normal," which is conceptually reiterated through its location, such as its rotated placement in the upper left of the letterhead.

/ interjection / scandinavian

1 You’ve just taken in a lot! Some would call it “the end.” I, however, call it “the beginning” — perhaps of something beautiful. Let’s find out together.