Payflux

Juan Pablo Tamayo

0

Design Token

Design Systems Specialist

UI Designer

Figma

Slack

Project Overview

The project focused on designing an iOS app for a franchised credit card system that seamlessly integrates with the brand. The design prioritizes simplicity and flexibility, allowing easy customization and adaptation to other brands.

My Contributions

I implemented Design Tokens within the design system, ensuring consistency across the current version and adapting them for Dark Mode to enhance usability and accessibility.
Dark & Light Mode IOS app
Dark & Light Mode IOS app

Challenges

A key challenge was testing and fine-tuning the Design Tokens to ensure color accuracy and seamless integration within the UI. Adapting colors for Dark Mode required careful adjustments to maintain contrast, readability, and brand alignment while ensuring a visually cohesive experience across different themes.

Achievements

Design tabs were successfully integrated into the design system, providing a structured approach to color, typography, and spacing. This ensured a consistent experience in both light and dark modes, keeping the same elements; the colors are changed just by changing the mode. The scalable system also improved efficiency when adapting the application to different brands
Design System Variables & Design Tokens Implementation
Design System Variables & Design Tokens Implementation

Role

I was responsible for defining and implementing Design Tokens within the design system, ensuring seamless integration across standard and Dark Mode versions. My work focused on consistency, scalability, and maintaining a high-quality user experience.
Light Screen
Light Screen

Approach

I developed a structured method for implementing and testing colors to ensure optimal contrast and usability. Using Design Tokens, I standardized color application across UI components while focusing on accessibility and adaptability. I also conducted iterative testing to refine colors, ensuring they worked effectively across different themes and maintained a cohesive user experience.
Light & Dark mode preview
Light & Dark mode preview
Like this project
0

Posted Feb 11, 2025

The project focused on designing an iOS app for a franchised credit card system that seamlessly integrates with the brand.

Likes

0

Views

3

Tags

Design Token

Design Systems Specialist

UI Designer

Figma

Slack

EPAM GEN AI
EPAM GEN AI
COPA Airlines Design System.
COPA Airlines Design System.
Avianca Crew Member
Avianca Crew Member
Power BI Styleguide
Power BI Styleguide