box-to-box
Client
About
- It´s an individual football training app with professional content with customized training plans adapted by a virtual coach.
My role
- Product development design process.
- Uncovering new features and metrics.
- In-person usability testing and analysis.
- Brand identity creation and merchandising.
- Design system development.
- Sketching and wireframe solutions for the product UI.
- High-Fidelity prototyping with animation.
- Creative assets for design marketing.
- Apple App & Google Play Store designs in 88 languages.
- Scorecards illustration for different football teams.
Timeline
- Feb 2020 – Oct 2021: part-time.
- Oct 2021 – Aug 2022: as a freelancer
- Sep 2022 – Mar 2023: full-time.
Tools
- Figma, Protopie, Notion, Google Sheets, Adobe Illustrator, Adobe Photoshop and Adobe InDesign.
Brand Identity and Merchandising
At the beginning of this project, I started creating a unique identity to establish a presence in the market and differentiate it from competitors through special branding and merchandising.
Marketing Assets
- 75 ilustrations storyboard training drills documents to bridge the comunications between the coaches, clubs and camera crew.
- Print flyers targeting German, Canadian, American, and English schools.
- Print flyers focusing on Germany country during the 2019 pandemy to incrise the exclusive access to Borussia Dortmund club training packages.
- Apple and google play store designs in 70 diferent countries.
- Personalize 225 scorecard illustrations to target different football teams.
Design System
I started my journey on user experience in this project by drafting and prototyping high-fidelity new interface screens on the app on Figma. With the Nuno Pinge collaboration, we developed a design system with design guidelines, rules, and components that ensure consistency across the box-to-box app. It helped a lot to establish the visual language product, with beautiful typography, strong colour palettes, and iconography based on feather style but with many new powerful sports icons and consistent UI components, making it easier to create unique designs and maintain a consistent user experience. Later to improve the interactive fidelity prototype, the Protopie software also came across.
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
Onboarding Screens
Be aware that design systems and product apps are always changing and improving because they are created to meet users’ needs, which are constantly evolving. For that reason, you will find some differences in the current app version.
- Sign up and login
- Reset password
- Onboarding Journey
- Training category
- Pick drill
- Setup training drill
-
Creating Training Plan
- Premium Membership
- Paywall, voucher code
- Onboarding Journey
- Leaderboard
- Scorecard
- Stats
- Trophie Room
- Preparation and countdown time
- Goal shotting
- Manual input result
- Performance summary
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!
Do you want to work together?
Check other works
