small_mercadolibre.png

thumbnail_mercadolibre.png

mercadolibre.png

thumbnail_meli-mobile.png

meli-mobile.png

Mercado Libre

small_mastercard.png

thumbnail_mastercard.png

mastercard.png

thumbnail_mastercard-mobile.png

mastercard-mobile.png

MasterCard

small_pami.png

thumbnail_pami.png

pami.png

thumbnail_pami-mobile.png

pami-mobile.png

Pami

small_arba.png

thumbnail_arba.png

arba.png

thumbnail_arba-mobile.png

arba-mobile.png

Arba

small_fitchin.png

thumbnail_fitchin.png

fitchin.png

thumbnail_fitchin-mobile.png

fitchin-mobile.png

Fitchin

small_selva.png

thumbnail_selva.png

selva.png

thumbnail_selva-mobile.png

selva-mobile.png

Selva by Aleph

small_kantar.png

thumbnail_kantar.png

kantar.png

thumbnail_kantar-mobile.png

kantar-mobile.png

Kantar

small_ucltf.png

thumbnail_ucltf.png

ucltf.png

thumbnail_ucltf-mobile.png

ucltf-mobile.png

UCLTF

small_uali.png

thumbnail_uali.png

uali.png

thumbnail_uali-mobile.png

uali-mobile.png

uali

small_ingenes.png

thumbnail_ingenes.png

ingenes.png

thumbnail_ingenes-mobile.png

ingenes-mobile.png

Ingenes

small_cuentasok.png

thumbnail_cuentasok.png

cuentasok.png

thumbnail_cok-mobile.png

cok-mobile.png

CuentasOK

small_valoreo.png

thumbnail_valoreo.png

valoreo.png

thumbnail_valoreo-mobile.png

valoreo-mobile.png

Valoreo

small_sfs.png

thumbnail_sfs.png

sfs.png

thumbnail_sfs-mobile.png

sfs-mobile.png

Seed Fund Society

small_mylance.png

thumbnail_mylance.png

mylance.png

thumbnail_mylance-mobile.png

mylance-mobile.png

Mylance

small_quarks.png

thumbnail_quarks.png

quarks.png

thumbnail_quarks-mobile.png

quarks-mobile.png

Quarks

wealthtech

entertainment

b2b & enterprise software

healthtech

e-sports

crypto & web3

technology

fintech

worktech

purpose-driven-startups

ecommerce & fashiontech

mobility

**co-creating a** better future

Mercado Libre came to Chispa with the idea of a site where young people from Latin America can have free access to an educational offer to learn about technology.

Our challenge was to create a platform that is easily accessible to all young people and that generates a sense of curiosity and ambition to change their future.

beta-video.mp4

large_beta-cover.png

medium_beta-cover.png

small_beta-cover.png

thumbnail_beta-cover.png

beta-cover.png

large_beta-hero.png

medium_beta-hero.png

small_beta-hero.png

thumbnail_beta-hero.png

beta-hero.png

Understanding in depth the options that currently exist in the market and the difficulties faced by young people to access quality education for free, formed the basis upon which we started building the platform.

Based on our discovery processes, we began creating the initial screens with a focus on the site's usability. After validating the wireframes in low fidelity, it was time to apply the visual design layer to the site and then proceed to the development stage.

understading the challenge

process

The aim of a wireframe is to provide a visual understanding of screens early in a project to get stakeholder and project team approval before the creative phase gets under way.

Design, as we recognize, is an ongoing and iterative journey, wherein improvement is achieved through the integration of feedback and suggestions.

from wireframes to the final screens

ux design

Once we understood the difficulties of this project, we split the tasks among teams and calculated estimated completion times.

This made a flexible plan that keeps our client's schedule and budget in check.

stages and tasks

roadmap

Using a youthful and eye-catching color palette, we were able to generate a striking visual identity.

Finally, we delivered the style guide and final screens to the development team, who were in charge of bringing to life the animations and interactions of the site, in a dynamic platform that adapts to all types of screens.

organizing the identity

style guide

Braced for an exciting venture, our talented team endeavored to strike a flawless equilibrium between a funny, youthful aesthetic and a modern, tech appeal.

a highly recognizable look & feel

ui design

The journey of development started with our team of experts, who harnessed the power of React to establish the very foundation of our frontend.

We code in JavaScript/TypeScript and use Next.js and Node.js to develop all our projects.

the power of javascript

develop...

Accelerate business growth

Start creating your future with technology

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.

discovery & wireframing

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

visual design

We act today for the best to come

large_arba-thumb.png

medium_arba-thumb.png

small_arba-thumb.png

thumbnail_arba-thumb.png

arba-thumb.png

Now ARBA is simple

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.

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

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

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

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

meli-thumb.png

We deliver real value working closely with our clients to achieve swift and impactful results through design innovation and technology.

We love to be challenged, to step out of our comfort zone, and for every challenge we have a specialized team who creates solutions in a modern, innovative and user-centered way. Create a real change for end-user and helping our clients be more successful is what drives us.

services

services

From start-ups to scale-ups, we work with companies of all shapes and sizes.

branding

digital products

websites

development

growth

Our best
cases

Beta Hub

ARBA

Fitchin

Mercado Libre

co-creating a better future

let’s work together

Buenos Aires

Barcelona

Mexico City

services

.css-a6sypz{color:var(--chakra-colors-brandYellow-500);font-weight:var(--chakra-fontWeights-semibold);}From start-ups to scale-ups, we work with companies of all shapes and sizes.

branding

digital products

websites

development

growth

Our best .css-79wky{color:var(--chakra-colors-white);}cases

Beta Hub

ARBA

Fitchin

Mercado Libre

co-creating a better future

let’s work together

Buenos Aires

Barcelona

Mexico City

From start-ups to scale-ups, we work with companies of all shapes and sizes.

Our best
cases