App | Rodrigo Nina

Daimo

ra2st2eh — Tue, 03 Oct 2023 13:19:18 +0000

Daimo

Building a Sports Ecosystem from Identity to Interface

Full Brand Identity & Mobile Product Design

Daimo

Building a Sports Ecosystem from Identity to Interface

Full Brand Identity & Mobile Product Design

Goal<\/span><\/h5>\n

Reimagining how athletes connect with trainers through a cohesive brand and a frictionless mobile experience.<\/span><\/p>\n

About<\/span><\/h5>\n
Daimo is a sports and health platform that connects athletes with personal trainers. It allows users to find and book individual classes or appointments filtered by location, time, and price.<\/span><\/p>\n
Problem<\/span><\/h5>\n
Navigation Friction:<\/b> Complex search flows led to high drop-off rates during the booking process.<\/span>
Brand Fragmentation:<\/b> A lack of a design system made the app feel disjointed and unprofessional.
Lack of Identity: <\/b>Without a clear brand, the app felt like a generic utility. I needed to build a visual system that users would actually want to wear on a t-shirt, not just use for a task.
<\/span><\/span><\/p>\n
The Challenge<\/span><\/h5>\n
Daimo needed a visual language that felt energetic yet professional, bridging the gap between a rugged workout and a seamless tech experience.<\/span><\/span><\/p>\n
Details<\/span><\/h5>\n
Timeline:<\/b> June 2023 – Present
Tools:<\/b> Figma, Notion, Photoshop<\/span><\/p>\n
Team<\/h5>\n
Andr\u00e9 Coelho (Founder & Developer)<\/p>","tablet":"
Goal<\/span><\/h5>\n
Reimagining how athletes connect with trainers through a cohesive brand and a frictionless mobile experience.<\/span><\/p>\n
About<\/span><\/h5>\n
Daimo is a sports and health platform that connects athletes with personal trainers. It allows users to find and book individual classes or appointments filtered by location, time, and price.<\/span><\/p>\n
Problem<\/span><\/h5>\n
Navigation Friction:<\/b> Complex search flows led to high drop-off rates during the booking process.<\/span>
Brand Fragmentation:<\/b> A lack of a design system made the app feel disjointed and unprofessional.
Lack of Identity: <\/b>Without a clear brand, the app felt like a generic utility. I needed to build a visual system that users would actually want to wear on a t-shirt, not just use for a task.
<\/span><\/span><\/p>\n
The Challenge<\/span><\/h5>\n
Daimo needed a visual language that felt energetic yet professional, bridging the gap between a rugged workout and a seamless tech experience.<\/span><\/span><\/p>\n
Details<\/span><\/h5>\n
Timeline:<\/b> June 2023 - Present
Tools:<\/b> Figma, Notion, Photoshop<\/span><\/p>\n
Team<\/h5>\n
Andr\u00e9 Coelho (Founder & Developer)<\/p>"}},"slug":"et_pb_text"}" data-et-multi-view-load-tablet-hidden="true">
Goal

Reimagining how athletes connect with trainers through a cohesive brand and a frictionless mobile experience.

About

Daimo is a sports and health platform that connects athletes with personal trainers. It allows users to find and book individual classes or appointments filtered by location, time, and price.

Problem

Navigation Friction: Complex search flows led to high drop-off rates during the booking process.
Brand Fragmentation: A lack of a design system made the app feel disjointed and unprofessional.
Lack of Identity: Without a clear brand, the app felt like a generic utility. I needed to build a visual system that users would actually want to wear on a t-shirt, not just use for a task.

The Challenge

Daimo needed a visual language that felt energetic yet professional, bridging the gap between a rugged workout and a seamless tech experience.

Details

Timeline: June 2023 – Present
Tools: Figma, Notion, Photoshop

Team

André Coelho (Founder & Developer)

UX Design & Strategy<\/h5>\n
A series of activities related to product design and development, particularly in the context of user-centered design and user experience design, were done:<\/p>\n
\n
Define target audience<\/li>\n
Creating sample bios and interviews<\/li>\n
Build empathy maps<\/li>\n
Develop a business scenario with a summary and pain points<\/li>\n
Creating user story and\u00a0user journey<\/li>\n
Develop problem statement<\/li>\n
Build value propositions<\/li>\n
Create goal statements<\/li>\n
Competitive audit comparison and report<\/li>\n
Redo site map and user flow<\/li>\n
Uncovering new features and metrics<\/li>\n
Create interview models and analyse results<\/li>\n
Sketching and wireframe solutions for the product UI<\/li>\n<\/ul>\n
Throughout the discovery and sketching phases, I worked closely with Andr\u00e9 (Founder & Developer) to ensure every UX solution was technically feasible and aligned with the core business vision.<\/p>","tablet":"
UX Design & Strategy<\/h5>\n
A series of activities related to product design and development, particularly in the context of user-centered design and user experience design, were done:<\/p>\n
\n
Define target audience<\/li>\n
Creating sample bios and interviews<\/li>\n
Build empathy maps<\/li>\n
Develop a business scenario with a summary and pain points<\/li>\n
Creating user story and user journey<\/li>\n
Develop problem statement<\/li>\n
Build value propositions<\/li>\n
Create goal statements<\/li>\n
Competitive audit comparison and report<\/li>\n
Redo site map and user flow<\/li>\n
Uncovering new features and metrics<\/li>\n
Create interview models and analyse results<\/li>\n
Sketching and wireframe solutions for the product UI<\/li>\n<\/ul>\n
Throughout the discovery and sketching phases, I worked closely with Andr\u00e9 (Founder & Developer) to ensure every UX solution was technically feasible and aligned with the core business vision.<\/p>\n
<\/ul>\n
<\/ul>\n
<\/ul>\n
<\/ul>"}},"slug":"et_pb_text"}" data-et-multi-view-load-tablet-hidden="true">
UX Design & Strategy

A series of activities related to product design and development, particularly in the context of user-centered design and user experience design, were done:

Define target audience

Creating sample bios and interviews

Build empathy maps

Develop a business scenario with a summary and pain points

Creating user story and user journey

Develop problem statement

Build value propositions

Create goal statements

Competitive audit comparison and report

Redo site map and user flow

Uncovering new features and metrics

Create interview models and analyse results

Sketching and wireframe solutions for the product UI

Throughout the discovery and sketching phases, I worked closely with André (Founder & Developer) to ensure every UX solution was technically feasible and aligned with the core business vision.

UI Designer & Brand Strategist

I developed a scalable design system from scratch. By focusing on accessibility, high-contrast ratios, and a clear typographic hierarchy, I created a trusted environment for users.

Design System: 150+ high-fidelity components and prototypes.

Digital Presence: End-to-end design for the mobile app and responsive landing page.

Brand Extension: Created merchandising and physical brand touchpoints.

Results

Seamless Onboarding: Simplified the entry flow to get users to their first booking faster.

Accessibility-First: Implemented foundations that ensure a consistent experience for all users.

Visual Trust: A unified content hierarchy and polished UI increased user confidence and engagement.
Below are some key transformations where I solved complex navigation issues with streamlined design solutions.

More about Daimer (professional) screenshot – Athlete profile

Membership screenshot – Daimer profile

Find Daimers (professionals) screenshot – Athlete profile

Book a session flow – Athlete profile

Working with Rodrigo was a transformative experience for Daimo. He didn’t just help me to design an app, he also built a visual identity that captured exactly what we wanted to represent.
André Coelho
Founder & Developer, Daimo

box-to-box

ra2st2eh — Fri, 10 Jun 2022 10:25:57 +0000

box-to-box<\/span><\/h2>\n
Client<\/span><\/h6>","tablet":"
box-to-box<\/span><\/h3>\n
Client<\/span><\/h6>","phone":"
box-to-box<\/span><\/h4>\n
Client<\/span><\/h6>"}},"slug":"et_pb_text"}" data-et-multi-view-load-tablet-hidden="true" data-et-multi-view-load-phone-hidden="true">
box-to-box

Client

About

It´s an individual football training app with professional content with customized training plans adapted by a virtual coach.

Different rolls

Branding design

Graphic design

UX design

UI design

1. Branding design

A distinctive brand identity was created to establish a strong presence in the market, setting us apart from the competition. This unique brand voice and tone distinguishes us and conveys professionalism, effectively reaches our target audience and performs exceptionally well on digital and merchandising platforms.

2. Graphic design

Many B2B and BTC materials have been developed, and here, you can check out some of the public marketing assets.

3. UX Design<\/h4>\n
\n
UX Design Process: Together with the rest of the team, we collect new metrics and implement the most important ones on the app as new individual statistical data.<\/li>\n
Approached many amateur football teams to conduct valuable research like in-person usability tests and surveys to analyse athlete data insights and enhance the user experience.<\/li>\n
Developed sketches and wireframes before moving on to High-fidelity prototypes to improve the product’s UI.<\/li>\n<\/ul>","tablet":"
3. UX Design<\/h4>\n
\n
UX Design Process: Together with the rest of the team, we collect new metrics and implement the most important ones on the app as new individual statistical data.<\/li>\n
Approached many amateur football teams to conduct valuable research like in-person usability tests and surveys to analyse athlete data insights and enhance the user experience.<\/li>\n
Developed sketches and wireframes before moving on to High-fidelity prototypes to improve the product's UI.<\/li>\n<\/ul>\n
<\/ul>"}},"slug":"et_pb_text"}" data-et-multi-view-load-tablet-hidden="true">
3. UX Design

UX Design Process: Together with the rest of the team, we collect new metrics and implement the most important ones on the app as new individual statistical data.

Approached many amateur football teams to conduct valuable research like in-person usability tests and surveys to analyse athlete data insights and enhance the user experience.

Developed sketches and wireframes before moving on to High-fidelity prototypes to improve the product’s UI.

4. UI Design

Design system development

High-Fidelity prototyping

Prototyping animation

Design System<\/h5>\n
With developer joint effort, we create a robust design system featuring guidelines, rules, and components to ensure design consistency across the entire app. This design system became the foundation of the app’s visual language, featuring elegant typography, vibrant green CTA over a black dark mode environment, and a new set of powerful sports icons while maintaining a consistent UI and unique. These elements facilitated the creation of unique design screenshots and enhanced the overall user experience. Box-to-box aesthetics align with its mission to deliver high-quality content to its users in a visually pleasing and easily digestible manner.<\/p>","tablet":"
Design System<\/h5>\n
With developer joint effort, we create a robust design system featuring guidelines, rules, and components to ensure design consistency across the entire app. This design system became the foundation of the app's visual language, featuring elegant typography, vibrant green CTA over a black dark mode environment, and a new set of powerful sports icons while maintaining a consistent UI and unique. These elements facilitated the creation of unique design screenshots and enhanced the overall user experience. Box-to-box aesthetics align with its mission to deliver high-quality content to its users in a visually pleasing and easily digestible manner.<\/p>"}},"slug":"et_pb_text"}" data-et-multi-view-load-tablet-hidden="true">
Design System

With developer joint effort, we create a robust design system featuring guidelines, rules, and components to ensure design consistency across the entire app. This design system became the foundation of the app’s visual language, featuring elegant typography, vibrant green CTA over a black dark mode environment, and a new set of powerful sports icons while maintaining a consistent UI and unique. These elements facilitated the creation of unique design screenshots and enhanced the overall user experience. Box-to-box aesthetics align with its mission to deliver high-quality content to its users in a visually pleasing and easily digestible manner.

Foundations

Logos variations and applications

Colors, tints, shades and semantic colors

Standard, cyrillic and arabic typography

Personalized iconography

Spacing

Elevations effects

Components

Standard, navigations, profile, icon, chart buttons

Toggles, steppers and sliders

Text inputs, date, wheel and calendar pickers

Navigation, step, progress, top and bottom bars

Training category, activity, profile, progress, chart and stats cards

Lists, alerts and dialogues

Website

With a main to facilitate the sales process, the website shows how the app works, the technology behind it and it also reinforces the several partnerships.
A clean and minimalist look and feel that focuses on providing a clutter-free and easy-to-navigate reading experience. The site’s clean design, consitence with the app, allow readers to focus on the content without distractions.

boxtobox.app

Give it a shot and try box-to-box app

App available in Android and iOS in more than 70 different countries.
Google Play link-pt
App Store link-pt

Rodrigo understands what you want on a whole new level, providing valuable insights when developing an identity for your business. We highly recommend Rodrigo for his work, responsiveness, value and ability to meet box-to-box’ goals!
Nuno Pinge
Co-Founder & CTO, box-to-box

App | Rodrigo Nina

Daimo

Daimo

Building a Sports Ecosystem from Identity to Interface

Daimo

Building a Sports Ecosystem from Identity to Interface

Goal

About

Problem

The Challenge

Details

Team

UX Design & Strategy

UI Designer & Brand Strategist

Results

box-to-box

Client<\/span><\/h6>","tablet":"box-to-box<\/span><\/h3>\nClient<\/span><\/h6>","phone":"box-to-box<\/span><\/h4>\nClient<\/span><\/h6>"}},"slug":"et_pb_text"}" data-et-multi-view-load-tablet-hidden="true" data-et-multi-view-load-phone-hidden="true">box-to-box Client

box-to-box<\/span><\/h3>\nClient<\/span><\/h6>","phone":"box-to-box<\/span><\/h4>\nClient<\/span><\/h6>"}},"slug":"et_pb_text"}" data-et-multi-view-load-tablet-hidden="true" data-et-multi-view-load-phone-hidden="true">box-to-box Client

Client<\/span><\/h6>","phone":"box-to-box<\/span><\/h4>\nClient<\/span><\/h6>"}},"slug":"et_pb_text"}" data-et-multi-view-load-tablet-hidden="true" data-et-multi-view-load-phone-hidden="true">box-to-box Client

box-to-box<\/span><\/h4>\nClient<\/span><\/h6>"}},"slug":"et_pb_text"}" data-et-multi-view-load-tablet-hidden="true" data-et-multi-view-load-phone-hidden="true">box-to-box Client

Client<\/span><\/h6>"}},"slug":"et_pb_text"}" data-et-multi-view-load-tablet-hidden="true" data-et-multi-view-load-phone-hidden="true">box-to-box Client

box-to-box

Client

About

Different rolls

1. Branding design

2. Graphic design

3. UX Design

4. UI Design

Design System

Foundations

Components

Website

Give it a shot and try box-to-box app

Client<\/span><\/h6>","tablet":"
box-to-box<\/span><\/h3>\n
Client<\/span><\/h6>","phone":"
box-to-box<\/span><\/h4>\n
Client<\/span><\/h6>"}},"slug":"et_pb_text"}" data-et-multi-view-load-tablet-hidden="true" data-et-multi-view-load-phone-hidden="true">
box-to-box

Client

box-to-box<\/span><\/h3>\n
Client<\/span><\/h6>","phone":"
box-to-box<\/span><\/h4>\n
Client<\/span><\/h6>"}},"slug":"et_pb_text"}" data-et-multi-view-load-tablet-hidden="true" data-et-multi-view-load-phone-hidden="true">
box-to-box

Client

Client<\/span><\/h6>","phone":"
box-to-box<\/span><\/h4>\n
Client<\/span><\/h6>"}},"slug":"et_pb_text"}" data-et-multi-view-load-tablet-hidden="true" data-et-multi-view-load-phone-hidden="true">
box-to-box

Client

box-to-box<\/span><\/h4>\n
Client<\/span><\/h6>"}},"slug":"et_pb_text"}" data-et-multi-view-load-tablet-hidden="true" data-et-multi-view-load-phone-hidden="true">
box-to-box

Client

Client<\/span><\/h6>"}},"slug":"et_pb_text"}" data-et-multi-view-load-tablet-hidden="true" data-et-multi-view-load-phone-hidden="true">
box-to-box

Client