top of page

MásFit

MásFit: this mobile application is designed specifically for Spanish-speaking women in the U.S. who are passionate about health, wellness, and cultural connection. It fosters a supportive fitness community rooted in Latinx identity, offering a fully Spanish-language experience.
 
Key features include authentic Latin American recipes, curated Latin music playlists, a community feed for sharing goals and progress, and immersive 3D workout videos—all culturally tailored to reflect and celebrate Latin traditions.
AnaCapstone.jpg

Focus – UX/UI, Product/Visual Design, Mobile Interface Design

My role – UX/UI Designer, Visual Designer, Creator, Videographer

Technology – Adobe XD, Illustrator, Photoshop, Unreal Engine, Rokoko Studio

Timeline – Jan – April 2022

Application Prototype
Interact with MásFit

 

Prototype
I used Adobe XD to create a high-fidelity prototype for my mobile application which can be found on the left.
Click the MásFit on the home  screen to interact with the prototype of my mobile application.

Why MásFit?

Through user research and cultural analysis, I identified a significant gap in fitness and wellness platforms tailored specifically for Spanish-speaking women in the U.S. Many existing apps overlook the importance of language accessibility and cultural relevance. MásFit addresses this need by creating a space where users can access workout videos, healthy Latin recipes, and wellness content entirely in Spanish.
By centering community, culture, and accessibility, MásFit empowers users to stay active while feeling seen, supported, and connected.

Brand Style Guide

BrandStyleGuide1.png
Brandstyleguide2.png

The brand guide includes everything on MásFit, including branding and visual design.

Personas

A persona, in user-centered design and marketing, is a fictional character created to represent a user type that might use a site, brand, or product. Users always come first so below are two personas dedicated to the types of users that will be using this application.

Screen Shot 2022-06-22 at 7.41.33 PM.png
Persona_1.jpg

User Journey Map

A user journey map is a visualization of the process that a person goes through in order to accomplish a goal. In its most basic form, journey mapping starts by compiling a series of user actions into a timeline.

User Journey Map - Capstone.png

Design

Concept Sketches

Here are sketches of what the application wireframes will look like. It is all in English currently but will be translated over to Spanish.

Sketches_Ana_Page_1.jpg
Sketches_Ana_Page_2.jpg

Wireframe Prototype

Screen Shot 2022-05-17 at 11.48.16 AM.png
bottom of page