EX: RESEARCH, UX & UI
"J Project"
is an app for loans to soloprenouers and SMBs, they use partners as a funnel to reach their clients, and partner use the "J Project" as a feature to offerring to their user base.
The objective: Refactor the UI from an existing loan digital product
Project Time: 7 Sprints (2 weeks each)
Methodology: Scrum
Methodology: Scrum
The Intern Team
- Project Manager- Me the UX/UI Designer
- Frontends devs (2)
- Technical Lead / Backend Dev (1)
The Client-side Team
- Product Manager- Product Owner
- Head of Marketing
- Content Strategiest
- Backend Lead
- Frontend Lead
What I did as a Designer on this project
- Create a Design System
- Maintaining the DS
- Creating new components
- Creating new components
- Creating an Illustration Library
- Responsive Design
- UI Refactoring
- User-Centered Design- UX Writing
My Toolbox
Figma
Tailwind Library (inside Figma)
Jira
Jira
The problem!
- They lack of a Design System well defined and they want to refactor their entire app.
- They lack of a Design System well defined and they want to refactor their entire app.
- They are using 4 colors as brand colors, so its hard to design with that kind of color palette.
SPACE
SPACE
Leverage they brand style guides to use it as a foundation and built their brand-new Design System
🔨
SPACE
SPACE
I use the template Design System
and replaced with the brand style guidelines
The Design System
Illustration library recoloring scaling
Using Figma variables components to coloring the illustration library
Using Figma variables components to coloring the illustration library
Interative Components
Built inside the Design System Figma file
Built inside the Design System Figma file
And this is how the product ended:
Clean, Appealing, and Easy to Use.
Thank you very much for reading this far!
