e-sports

fintech

entertainment

wealthtech

worktech

healthtech

startups

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

technology

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

development

The gaming community playground

Start creating your future with technology

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

crypto & web3

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

We act today for the best to come

large_headset.png

medium_headset.png

small_headset.png

thumbnail_headset.png

headset.png

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.

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.

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

Working to generate a more efficient industry

Uali was born in 2018 with the idea of solving a very common problem in the energy industry: How to prevent environmental risks, save costs, and analyze asset data quickly and easily? 

They knew it was not going to be an easy task, but they never forgot their main goal of driving a cleaner and more sustainable world.

uali_about.mp4

large_uali_about.png

medium_uali_about.png

small_uali_about.png

thumbnail_uali_about.png

uali_about.png

large_uali_hero.png

medium_uali_hero.png

small_uali_hero.png

thumbnail_uali_hero.png

uali_hero.png

The energy industry is changing, and Uali is making it possible. Our client came with a specific problem: the growth of his company was not reflected on his website.

We understood that Uali, in its project to revolutionize the energy industry, had to present itself to its clients in the same way: Innovative, modern and practical.

That is why from Chispa we offered a complete Discovery, UX/UI Design and Development service to deliver a web page that reflects Uali's commitment worldwide with an industry in constant growth.

In the pursuit of excellence, UALI came to us with a clear vision of their desired colors, presenting a unique challenge: to transform their ideas into a style guide that not only reflects professionalism but also infuses the essence of a young and vibrant company.

Our task was to harmonize their chosen color palette with design elements that exude a sense of freshness and dynamism while preserving a professional appeal.

Our amazing team faced an exciting challenge: to strike the perfect balance between a clean, professional aesthetic and a cutting-edge, futuristic appeal. Our goal was to design an interface that not only captivates with its modernity but also seamlessly communicates the advanced technologies at the heart of UALI's services.

Combining robotics, IoT, and artificial intelligence, UALI's simplified monitoring service brings unparalleled efficiency to our clients, saving them precious time and costs while making a positive impact on the environment. To match the innovation behind UALI's services, we had to ensure the website's UI reflected the same sense of forward-thinking, while remaining intuitive and user-friendly.

simplifying the future

As we embarked on crafting the UX writing for UALI's website, our mission was clear - to empower energy narratives that not only educate but also captivate visitors, leaving them inspired by the potential of advanced technologies.

To mirror the innovation and expertise of UALI, we recognized the importance of creating UX content that speaks with authority, yet remains approachable and enticing to diverse audiences.

Through our UX writing, we artfully guide visitors on a journey of discovery, seamlessly blending professionalism with an inviting tone that sparks interest in UALI's groundbreaking offerings. The result is a digital experience that not only informs but also inspires, positioning UALI as a trusted leader in the energy sector while building lasting connections with its audience.

empowering energy narratives

At Chispa Lab, your digital success is our top priority, and that's exactly what we achieved for Uali. With a focus on innovation and technical excellence, we crafted a tailor-made website that truly showcases Uali identity and delivers an exceptional user experience.

Our team of developers experts embarked on an exciting journey of creation, utilizing NextJS as the foundation for our frontend. And to ensure that Uali has full control over their content, we implemented Strapi as the Content Management System (CMS) for the website. 

implementing the best technologies

Transforming ideas into matter

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

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.

our work

let’s work together

Buenos Aires

Barcelona

Mexico City