Woman modelling Tens Sunglasses used for Tens website design by Superrb
Woman modelling Tens Sunglasses used for Tens website design by Superrb

Tens Life

Bringing storytelling and personality to e-commerce

Tens is a sunglasses brand created by three friends during a road trip through the Scottish Highlands. As photographers and filmmakers with a love for adding rich, warm colours to their work, they bring this experience to the real world through their stylish lenses.

A true collab between agency and client, we repositioned the brand and redesigned the Tens website to bring storytelling and personality to e-commerce.

 

Tens logo

Identity

Warm colours, friendly typography, video, incidental animation and hand-drawn icons all came together to represent Tens digitally.

Awards & recognition
Awwwards Honourable Mention, Typewolf's Site of the Day
Deliverables
Web design, Shopify Ecommerce & Art Direction
Visit site
tens.co

Colour

Off-white, Tens yellow and Faded black give the site a laid-back feel.

Off White
R248 G245 B241 #f8f5f1
Tens Yellow
R237 G187 B115 #edbb73
Faded Black
R39 G36 B40 #272428
Grey
R229 G229 B229 #e5e5e5

Heading

Young Serif
Tens brand heading font

Subheading

Young Serif
Tens brand subheading font

Body copy

Karla Regular
Tens brand paragraph font

Storytelling & personality in Ecommerce

A stunning web platform which tells the story of the brand and makes their products look ludicrously cool so people say 'wow, I need those in my life right now!' 

  • Engaging video content
  • Clear commercial calls to action
  • Rich product pages
  • Multi-currency
  • UK, US & Translated EU websites
  • Focus on sustainability
  • Interwoven with brand stories
  • Customer reviews
Tens Shopify website homepage designed by Superrb
Sunglasses lifestyle imagery used for Tens website design
Tens Shopify website product page design

True content collab

We began the design process by meticulously wireframing each page template, then worked with Tens to brainstom content ideas to support their new positioning strategy and highlight product benefits.  

This joined up approach allowed us to write detailed briefs for content producers which ensured we got back stunning website specific assets, which deliver a great brand experience and work seamlessly across all common devices.

Hat's off to the team at Tens.

Tens Sunglasses product info page designed by Superrb

Icons icons icons.

Not satisfied with standard icons we enlisted an illustrator to create a suite of hand-drawn ones that help give the site it's unique personality. We also animated some of them to add depth and movement to the UI. 

Custom website icons for Tens, designed by Superrb

Stretching it.

The site had to work seamlessly across all devices, so we considered this from the outset and designed for mobile and desktop in parallel, carefully planning how each feature would respond. It's not a coincidence this site looks good on everything including your old Betamax!

Tens Our Story page
Sunglasses product imagery used for Tens homepage design
Pick your location menu used for Tens international e-commerce Shopify website
Tens product imagery used on Belford product page for website design

Interactive and playful.

Tens' strapline is Good Vibes Guaranteed. We felt the website should reflect this as well so included incidental GIFs and animated transitions to give it a more immersive and friendly feeling. 

Responsive sunglasses slider imagery used for Tens Shopify website design
Tens sustainability USP webpage design

Fresh content

Shopify is an excellent ecommerce solution but its blog is pretty basic, so we had to overcome a number of technical challenges to include the features we wanted.

  • Shoppable lookbooks
  • Gallery slideshows
  • Embedded videos
  • Product cross-linking
Website content for Tens by Superrb

Shoot to build imagery

We began the project with a multidisciplinary workshop, bringing experts from all parts of both businesses together to brainstorm ideas for features and content. 

Art direction, photography and video briefs flowed seamlessly from our wireframes, for a quick turn around and stress-free content upload.

Lifestyle and product imagery used across Tens website design
More lifestyle imagery Superrb used for Tens web design
Website collage for Tens Sunglasses' website UX & UI designed by Superrb
Next Project. Anglepoise