Fitchin

The gaming community playground

view live
Chispa Lab isologo

About

An e-sport platform powered by crypto.

FITCHIN will be at the forefront of building a whole new experience for gaming communities and the esports ecosystem through a Web3 platform, powered by a strong NFT marketplace and their native crypto token $CHIN.

Our challenge was to create one of the most ambitious projects to date as a company and provide gamers, streamers and esports teams from around the world with all the tools they need to take their game to the next level.

Client

Fitchin

New York, USA

Industries

crypto-web3

Practices

    BrandingUX/UIDevelopmentDesign StrategyBrand GuidelinesDesign SystemsFrontend Web DevelopmentArt DirectionCopywritingIllustrationUser Research & TestingVisual IdentityMotion Design

process

understading the challenge

We knew that this was an extremely large project when we began to plan the way in which we were going to solve it, so the first thing we established was the way of working. How the teams would be organized, the time that each task would take and where we should focus more was one of the advantages we had when we started planning the project.

process image

roadmap

determining times & tasks

After understanding the challenges that we had to face in this project, we delimited the tasks in teams and estimated completion times to generate an agile and dynamic framework that would not delay our client's general times and budget.

roadmap image

discovery

what real users say & do

We started the project side by side with our client through multiple workshops and work sessions. These meetings played a crucial role in defining the requirements and objectives that they were looking to accomplish with the project and with their stakeholders.

In the first two workshops, we focused on understanding who were going to be the real users of the platform. We conducted interviews to understand three diferents segments: Pro Gamers, amateurs and fans/viewers.

users

users

interviews

interviews

results

results

branding

a recognizable identity

We worked on a Brandbook. The concept for the FITCHIN logo is based on a modified F-letter and a coin, resembling the shape of the original arcade games machines.

Intuitive and accessible. Functional and easy to read. With these characteristics in mind, our UI design team created a modern and visually stunning interface for a responsive desktop-to-mobile experience.

Using visual elements very close to the gaming community like gamification and rewards, we provided a clean and recognizable design that users can adopt easily from the start.

branding image

logo composition

colours

colours

typography

typography

merchandising

merchandising

ux design

arquitecture & wireframing

The way in which users had to interact with the platform was a crucial point in the project. We had to organize the information in a hierarchical architecture that was intuitive and easily accessible to people.

After mapping the information architecture, we transferred those insights to generate the wireframes that would make up the general structure of the site, from low fidelity to high-end level.

ux design image

the grid

desktop first & responsive

Through our discovery workshops we understood that Fitchin users would be people using desktop platforms in most cases. We generated a responsive grid for the desktop version where we were able to order elements in a precise and aligned way, in a format adaptable to mobile versions.

Click to play

ui design

representing the gaming community

The e-sports community is revolutionizing competitions around the world today, with futuristic ideas and cutting-edge technology at all times.

Our idea was for Fitchin to present an interface that matches those perceptions that gamers have of the world of e-sports, with a clean and modern design and a vibrant color palette that attracts attention and invites people to be part of a new and exciting world of possibilities.

ui design image

consistent icon set

consistent icon set

ilustrations

ilustrations

user interface

user interface

let’s work together

contact us
ARBA thumbnail

ARBA

click for next case