Lexip Website Design

Project Overview

The team behind Lexip is much broader than just a gaming company. Behind the brand is a holding company to a variety of other gaming and tech-industry innovations. The project was initiated by a lack of digital presence, as there was no website, just a kickstarter page, in conjunction with a desire to make all of the brands with the holding company utilize a set of components that would seamlessly transition cross-company.

Tools used
  • Webflow
  • CSS
  • Adobe Photoshop
Completed
  • 2018
  • @TAG
responsive mockup of lexip gaming mouse website

About the Project

The Lexip gaming mouse was a new gaming mouse utilizing breakthrough technology to provide an immersive experience for gamers. Before now, Lexip relied solely on the Kickstarter campaign they had to provide information about the mouse. In order to provide an experience that was competitive with top gaming companies, the research was vital for their first website.

This thorough approach, backed by extensive research done both analytically and design-oriented, led to moodboards and wireframes before the actual design process began. It was important that we understand what the competitive landscape looked like, how to fit in and not stick out like a sore thumb, while also be different and engaging.

wireframe of homepage header for lexip
wireframe of additional components for lexip

In-Medium Design

In order to optimize the design process, the design was completed in Webflow. By using this program, we were able to showcase what the functionalities of the website were, and how the website would behave on multiple devices. It was imperative that the design be able to incorporate a multitude of animated and video content to stand out in the gaming industry. The best way to highlight this was through designs that behaved appropriately in their true environment in place of static mockups.

preview of lexip map component on desktop
preview of blog detail template on desktop

Conclusion

The project was initiated by a lack of digital presence, as there was no website aside from the kickstarter page. The Lexip project was also started from the company’s desire to make all of the brands with the holding company utilize a set of components that would seamlessly transition cross-company. Achieving all of these goals was the first priority for the client, following an on-going maintenance project through development to help amplify their digital presence.

Lexip redesign

Process

STEP

01

Competitive Analysis

The fist step was to take a look at what the competition was doing to provide a more accurate course of action.  Doing so helped their team look professional, reliable and, most importantly, different than the rest.

STEP

02

Wireframes

A set of components was generated in one wireframe, that would highlight the variety of different ways content could be displayed site-wide.

STEP

03

Responsive Design

Using Webflow, the design was built in-medium to highlight functionality and responsiveness (the website's ability to be viewed on mobile phones, tablets, laptops and desktop computers).

STEP

04

Developer Handoff

The team at Lexip was prepared to build out the pages, and using the style guide, component library, and a few initial templates, their team was able to successfully build out the remainder of the website.

We Want You TO Be Next

Reach Out.