e-sports

fintech

entertainment

wealthtech

worktech

healthtech

startups

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.

large_fitchin-cover.jpg

medium_fitchin-cover.jpg

small_fitchin-cover.jpg

thumbnail_fitchin-cover.jpg

fitchin-cover.jpg

fitchin-reel.mp4

large_fitchin-hero.png

medium_fitchin-hero.png

small_fitchin-hero.png

thumbnail_fitchin-hero.png

fitchin-hero.png

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.

understading the challenge

process

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.

determining times & tasks

roadmap

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. 

what real users say & do

discovery

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.

a recognizable identity

branding

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.

arquitecture & wireframing

ux design

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.

desktop first & responsive

the grid

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.

representing the gaming community

ui design

We act today for the best to come

large_headset.png

medium_headset.png

small_headset.png

thumbnail_headset.png

headset.png

The gaming community playground

We partnered with Mercado Libre once again to help them create a whole new sustainability site.

Our challenge this time? Overcome ourselves to present a modern, clear and visually stunning design centered on user experience.

large_meli-cover.png

medium_meli-cover.png

small_meli-cover.png

thumbnail_meli-cover.png

meli-cover.png

large_meli-thumb.png

medium_meli-thumb.png

small_meli-thumb.png

thumbnail_meli-thumb.png

meli-thumb.png

purpose-driven-startups

We learned in depth about the necessity to reflect the actual impact of the company in this project, developing a more simple but comprehensive report.  

We decided together how to present complex statistics and numbers on a macro level, turning them into a powerful and easy-to-understand visual presentation at the individual user level.

discovery & wireframing

Understanding that Mercado Libre has a highly recognizable identity, we created our style guide based on colors and components very close to that of its main platform, to reinforce the brand concept.

organizing the identity

style guide

We wanted to be on par with the aesthetics that Mercado Libre traditionally uses on its platforms, which is why we opted for an organized, spacious and highly recognizable design for its users.  

White and yellow on high contrast, modern animations on interactive buttons and clean structure are some of the most notable aspects of the visual design of this project.

a highly recognizable look & feel

visual design

We understand that Mercado Libre has a strong brand image, that makes people keep in mind a consistent user experience across all their sites.  

We also understood that one of theirs core values (and ours) is to put the focus on people first. With that in mind, the interactions in the site revolved around promoting user experiences and striking and fluid transitions with a modern twist.

a smooth & frictionless experience

interaction design

Taking brands to the next level

Valoreo redefined the way eCommerce brands can expand and grow their profits in Latin America, and they teamed up with us to reflect that growth on a new website.

Our challenge was to explain the business model and attract qualified leads through a clear and impactful user experience.

large_valoreo-cover.png

medium_valoreo-cover.png

small_valoreo-cover.png

thumbnail_valoreo-cover.png

valoreo-cover.png

valoreo-video-hero.mp4

large_valoreo-thumb.png

medium_valoreo-thumb.png

small_valoreo-thumb.png

thumbnail_valoreo-thumb.png

valoreo-thumb.png

We started working by identifying the users pain points and highlighting positive aspects that the company could offer through the discovery process, to then structure all the information in the first wireframes of the platform.  

This would be the foundation of the entire project, so it was critical to have a full understanding of all the site's needs and priorities.

discovery & wireframes

Our goal was to create a website that would generate trust and bring the user closer to establishing contact through the onboarding experience, so a clean and easy-to-understand site was crucial for the project.  

An impressive user experience, a palette of warm and representative colors and a tone and voice close to the users were the key aspects of the final result.

rounded, simple & catching

We introduce playful dynamics to create a human tone and language.
We speak directly to users in a clear, concise and direct way, explaining what, why and how Valoreo can help other eCommerce companies to scale their business.

talking directly to the users

ux writing

Organize your time and make it count

Ponty is a platform where you can sell your hours as an independent professional. You show your schedule with your available hours and their work value, and people makes an appointment. A simple point of sale. Nothing more, nothing less.

We faced the challenge of creating a product that had to be simple, clean and with a clear objective. We understood from the beginning that although our idea seemed simple, its implementation would take hard teamwork.

ponty-hero.mp4

large_ponty-cover.png

medium_ponty-cover.png

small_ponty-cover.png

thumbnail_ponty-cover.png

ponty-cover.png

large_ponty-hero.png

medium_ponty-hero.png

small_ponty-hero.png

thumbnail_ponty-hero.png

ponty-hero.png

We started the project by defining objectives and collecting data that would help us better understand the idea we wanted to create.  

Understanding who our potential users would be was crucial to defining the pain points that we had to tackle from the beginning.

We aimed for a clean but eye-catching design, understanding that the focus was on generating a simple and visually pleasing user experience.  

We document our visual guidelines under a comprehensive design system to maintain a general order and speed up processes in future platform maintenance.

a simple but catching identity

If the idea of the platform is to simplify people's agenda, the interface should respond in the same way.

We opted for a bold yet pleasing color palette so that it can be easily recognizable to people but doesn't distract them from effectively organizing their time. We also reinforce concepts and ideas with illustrations that help generate a user-friendly and close design.

modern & clean; intuitive & useful

Transforming ideas into matter

large_ponty-thumb.png

medium_ponty-thumb.png

small_ponty-thumb.png

thumbnail_ponty-thumb.png

ponty-thumb.png

Quarks proposes a new universe of possibilities for start-ups and founders based on the basic principle of ideas as atoms.

We collaborated with them in the challenge of creating a website that would reflect a new and revolutionary vision in the field of business accelerators.

large_quarks-why.png

medium_quarks-why.png

small_quarks-why.png

thumbnail_quarks-why.png

quarks-why.png

large_quarks-hero.png

medium_quarks-hero.png

small_quarks-hero.png

thumbnail_quarks-hero.png

quarks-hero.png

We understood that Quarks had an extremely risky concept to present its business model, and we knew that failing to bring that idea to fruition could result in financial losses for their company.  

Through several sessions and workshops we were able to establish how we were going to organize ourselves, both internally with our team and with the Quarks team to fully understand the idea they wanted to communicate to their users.

Quarks needed a new visual image to accompany the idea of atoms as founders in a galaxy of possibilities, such as the entrepreneurial world.  

Using this concept of galaxies and atoms, we managed to create a visual identity that complements a futuristic and modern vision.

a concept out of this world

Using the idea of a quark as the minimal expression of an atom, we reflect this large-scale evolution on the website, where the user is taken on an easy-to-navigate interstellar-style journey with a futuristic aesthetic.  We kept it easy and simple throughout the site, taking the user on a travel that answers the most important questions about Quarks and its business model.

an accessible trip to the stars

Sometimes coming up with an idea can be more complicated than putting it into practice, so we knew that the real visual challenge of this project would be bringing to life an experience that was similar to a trip through space.  

Our development team managed to create an extremely fluid and innovative interaction experience, where the main protagonist was scrolling through the page between sections, animating shapes and transitions created with Greensock and Three.js, libraries belonging to JavaScript and WebGL.

bringing an idea into life

development

Now ARBA is simple

medium_quarks-thumb.png

small_quarks-thumb.png

thumbnail_quarks-thumb.png

quarks-thumb.png

ARBA teamed up with our UX design specialists to transform its digital experience. This involved redesigning the ARBA’s primary digital touch points, including its public websites and mobile app.

Simplifying the tax payment experience for citizens was not an easy task, but we accepted the challenge and the result was more than positive.

large_arba-about.png

medium_arba-about.png

small_arba-about.png

thumbnail_arba-about.png

arba-about.png

large_arba-hero.png

medium_arba-hero.png

small_arba-hero.png

thumbnail_arba-hero.png

arba-hero.png

The work took all aspects of the UX design process, including user research, information architecture, interaction design, ideation, rapid prototyping, usability testing, visual design, front-end development and training.  

We work closely with ARBA to ensure a comprehensive understanding of user needs, business improvement opportunities, and the most important aspects to consider when redesigning the site.

We transformed ARBA’s large and dissimilar color palette into one that is focused and effective. This lead us to the creation of a detailed style guide, defining a design system of the user interface components for a unified visual language across the entire application.

The style chosen for the visual design was minimalist and clean. The fonts and the contrast guarantee a great readability without losing their appeal. We created an all-new experience on mobile that provided potential customers with a simplified user journey and path to pay taxes.

color & typography

Changing the way people can pay their taxes was an extremely important task, which is why we understood that we had to transfer that concept to a design that were simple and modern at the same time, but usable and accessible to all people.

We aimed for a "less is more" mentality for this project, knowing that information overload throughout the site could affect the overall user experience.

easy and accessible to everyone

Redefining the consulting experience

large_arba-thumb.png

medium_arba-thumb.png

small_arba-thumb.png

thumbnail_arba-thumb.png

arba-thumb.png

Mylance was born from the idea of empowering consultants, helping them to professionalize their work and achieve a more fulfilling life.

Our challenge was to optimize his business idea through a site that reflected his entrepreneurial vision of the world of consulting.

mylance-video.mp4

large_mylance-video-cover.png

medium_mylance-video-cover.png

small_mylance-video-cover.png

thumbnail_mylance-video-cover.png

mylance-video-cover.png

large_mylance-hero.png

medium_mylance-hero.png

small_mylance-hero.png

thumbnail_mylance-hero.png

mylance-hero.png

Our work began by identifying the business needs that Mylance wanted to cover with this site redesign and the most important pain points that users of the platform may suffer.

By prioritizing these aspects, we were able to begin to lay the foundations for the general structure of the site, through the creation of the first wireframes that would serve as a starting point for our project.

We believe strongly in the value of holistic thinking and extensible frameworks. We created a robust design system that enables product design and development at scale for future iterations.

  We also planned the way users should interact with the product and created the principles to guide the desired experience through a clean visual and a characteristic color pallete.

UI, UX and branding

design

We understood early on that some users might not be able to fully understand how the site would work. Is it a web page for human resources? Is it for consultants only?

With those questions in mind, we made communication across the entire project clear and easy, so people could understand how Mylance works early on and clear up their doubts about the company's core purposes.

plain & simple communication

We wanted to create a very smooth and frictionless user experience, which we did through transitions and interactions that didn't make people wait too long for a response from the site. Every link and every button in the site was created with that idea in mind.

Moving between a section, a menu, or a screen should be extremely fluid, with no delay, and that's what we've achieved across the entire platform.

an experience full of fluent moments

We wanted to create an experience that would lead people not only to enhance their consulting work, but also to provide them with a space where they feel they can explore all the possibilities of their business.

A friendly and close interface, adaptable and responsive, that generates a human feeling of welcome in users was one of the ideas that we raised from the beginning of the project.

our work

let’s work together

Buenos Aires

Barcelona

Mexico City