EBAC Games | Portfolio UX UI

Ebac Games project

Case Study | Mobile application | User flow | UX UI Design | AI assisted image generation

Role:

Sole UX/UI Designer

Project type:

Workshop / Fast paced

Year:

2025

Project Overview:

This project was developed as a final deliverable for the 8-day workshop hosted by EBAC (Escola Britânica de Artes Criativas & Tecnologia)

Challenge:

Creating a mobile store that gives support to indie developers in a unique way

My Actions/Solution

End-to-End Design Ownership: Served as the sole UX Designer, managing the entire design lifecycle from concept to final delivery.
User Research & Strategy: Conducted user research to inform design decisions and applied core UX principles.
Wireframing & Prototyping: Executed low-fidelity (Lo-Fi) and high-fidelity (Hi-Fi) wireframing and prototyping.
AI-Assisted Workflow: Used AI tools for image and copy generation to accelerate the ideation and content process.
Visual Refinement & Quality Control: Supervised AI outputs and refined all visuals and images in Adobe Photoshop to ensure optimal aesthetic quality, enjoyability, and accessibility.
Applied UX/UI Principles: Translated research and wireframes into a final, user-friendly UI design.

Audience:

Active people

"I just want something that gives me energy for my daily activities"

Natural seekers

"I prefer products that are natural, no chemicals, no artificial stuff "

Weightlifters

"I’m always looking for protein-rich options that can help me build strength."

Audience's needs:

Natural seekers want assurance of 100% natural products.
Weightlifters need protein-rich options to boost performance/gains.
Active people in general look for energy support in their daily activities.

Goal defined:

Design a visually appealing and consistent landing page for Nourish Bar that clearly communicates its natural and protein-rich benefits to different audience segments, while ensuring an intuitive and professional first impression

Since it isn't a cheap product, the aesthetics needed to match a sophisticated product

Starting the design:

The project began directly in a medium-fidelity prototype, using Figma as the main canvas and later refining the designs in Framer

Some assets were intentionally left blank in Figma, as this was a medium-fidelity stage, but included clear indicators for planned animations

The first animation style I decided was a rotating one, but due to the time limit I ended up using another

Since the product was not launched, I created a pre-subscription so users could pre-order their nourish bar

Animations:

The first animations highlights the features from the ingredients used on the protein bar

The second animation was chosen due to the familiriaty with the most websites that uses accordion animations to show the FAQ, it reduces the cognitive load due to not showing everything at once

Leveraged AI-powered tools for Image creation

I used Leonardo.Ai to generate the images, testing multiple prompts and refining them through several iterations until I reached the desired visual direction