We are redesigning the CBE app.
Millions use it — including us. The current UI is dated, cluttered, and slow. We are challenging institutional visual authority with better craft.
//community_project_01
This is an open build. If you do UI/UX and you believe financial tools should feel precise instead of tedious, you are in the right room. We will learn by building, not by watching tutorials.
PHASE 1: The Foundation
App Audit & Heuristic Evaluation
Inspiration Board
User Flow Mapping
Asset Inventory
All setup is live in Figma. Links below.
Collaborate: Anyone who wants to work on the file send me your email through direct message. I will add you to the project. This is for people who leave comments and push pixels. Lurkers will be removed.
Progress:
//foundation
https://www.figma.com/board/LhKPQmZ1VjiHBoX50afn99/--foundation?node-id=3-1045&t=W0JphKE2ImskLuAM-1
//wireframes
https://www.figma.com/design/CHRYv5SlnhbXBfY9Zc1ktr/--wireframes?node-id=0-1&t=XugvrcI8ZP6fPctK-1
We move on to Phase 2 when Phase 1 is Done.
Millions use it — including us. The current UI is dated, cluttered, and slow. We are challenging institutional visual authority with better craft.
//community_project_01
This is an open build. If you do UI/UX and you believe financial tools should feel precise instead of tedious, you are in the right room. We will learn by building, not by watching tutorials.
PHASE 1: The Foundation
App Audit & Heuristic Evaluation
Inspiration Board
User Flow Mapping
Asset Inventory
All setup is live in Figma. Links below.
Collaborate: Anyone who wants to work on the file send me your email through direct message. I will add you to the project. This is for people who leave comments and push pixels. Lurkers will be removed.
Progress:
//foundation
https://www.figma.com/board/LhKPQmZ1VjiHBoX50afn99/--foundation?node-id=3-1045&t=W0JphKE2ImskLuAM-1
//wireframes
https://www.figma.com/design/CHRYv5SlnhbXBfY9Zc1ktr/--wireframes?node-id=0-1&t=XugvrcI8ZP6fPctK-1
We move on to Phase 2 when Phase 1 is Done.
🔥10
for people who wanted access i have sent you guys invitations via email links for the whole project through the emails you sent me so please check your emails
❤3
Turns out only 2 seats were available for free! and they are taken 😏 😏
Please open Telegram to view this post
VIEW IN TELEGRAM
😁1
ghion
Trying designs from 📷
for anyone who wants to try this or wants the fig file here is the link:
https://www.figma.com/design/eoGiBnCLPhtL6REcGmvw55/--pin_copy_01?node-id=0-1&t=gpl3oalHBpWvA0Ry-1
Just copy it to your draft and enjoy!
https://www.figma.com/design/eoGiBnCLPhtL6REcGmvw55/--pin_copy_01?node-id=0-1&t=gpl3oalHBpWvA0Ry-1
Just copy it to your draft and enjoy!
Thanks to @yoabadam for noticing critical flaws and pointing them out! and also @Figmachad mapping out the userflow! Amazing🔥 🔥
Thanks to them i had time to go into Phase 2 and setup our Variables and Design System...
while there is some left in our Semantics (theme) ill catch it up later on tomorrow or today idk its 4AM... lol
anyways
PHASE 2: The Grid
Variables & Primitives (color, spacing, radius, type)
Semantic Tokens (content, background, border, action)
Component Library (buttons, inputs, cards, navigation)
Theme Layer (light / dark mode mapping)
Link to the //variables below
https://www.figma.com/design/yNoaoQ0BEjeMAXvdQHwM9t/--variables?node-id=0-1&t=hoaXuibC8Q1gt6Ru-1
Thanks to them i had time to go into Phase 2 and setup our Variables and Design System...
while there is some left in our Semantics (theme) ill catch it up later on tomorrow or today idk its 4AM... lol
anyways
PHASE 2: The Grid
Variables & Primitives (color, spacing, radius, type)
Semantic Tokens (content, background, border, action)
Component Library (buttons, inputs, cards, navigation)
Theme Layer (light / dark mode mapping)
Link to the //variables below
https://www.figma.com/design/yNoaoQ0BEjeMAXvdQHwM9t/--variables?node-id=0-1&t=hoaXuibC8Q1gt6Ru-1
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
okay... themes are done!
we can now easily switch between Light and Dark Mode!
changes in
we can now easily switch between Light and Dark Mode!
changes in
//variables🔥13
a bit obsessed with these widgets.
also always dark on dynamic islands. its better
thank you @eyuelkebede for the svgs!
also always dark on dynamic islands. its better
thank you @eyuelkebede for the svgs!
🔥4