Remagg

Bringing a new product line to life

Remagg-thumbnail
TASK:

Bring to life an entirely new product line of gamer backpacks from Samsonite. Raise awareness around the product line and explain the three tiers of products.

SCOPE:

Landing Page

MY ROLE:

UI/UX
Animation

CLIENT:

Samsonite

Expanding the Branding

Samsonite had already created the sub-brand Remagg and developed the look and feel of several design elements that went into the making of the bags themselves (Remagg logo, icons, and texture). However, this branding needed to be expanded to feel natural on a web page.

remagg-client-provided

Client-provided assets for the Remagg brand

remagg-styles

Final UI elements extrapolated from the provided brand assets

I collaborated with Art Director Andy Long to arrive at the graphic treatment, and with our developers who brainstormed animations to match. We knew we wanted to introduce an "X-ray" mode as well as a glitch effect.

From there, I continued the visual style into the UI—selecting a font that matched the gamer aesthetic, creating custom interactive elements, additional icon work to fill out the client-provided set, and gradient lighting effects and geometric crops for the texture found on the inside of the bags.

An easter egg for gamers

In a nod to video game convention, we ranked the three product tiers as many video games rank gear—Rare, Epic, and Legendary.

remagg-hustle-screen
remagg-shieldpack-screen
remagg-gridlok-screen

Page interactions & animation

A key feature of this page concept was its scrolling and interaction paradigm, which means we got to have a lot of fun with micro-interactions and page transitions. Scrolling exposes additional layers of each bag as you discover more about it. This came together in Principle and lots of TLC in creative QA.

©LAURA MATERNA 2023