Help a conversation become a decision someone can act on.
Lead UX/UI designer
Restyling · New features · Responsive UI
Design case study
Original Yabbu interface · Selected from the published case
Three original illustrated sequences explain how preparation, discussion and decisions connect across the product’s workflow.
Yabbu helps teams make decisions and monitor progress without needing to meet face to face. The workspace has to connect discussion with the decisions, tasks and people that make it useful.
I led the UX/UI restyling and new feature design, with customer journeys, usability evaluation, interaction design and prototyping documented in the career material.
Evolve an existing workspace across desktop and mobile while preserving familiar navigation for returning users.
Inside the original workThe published case includes the earlier interface, the redesign, a delivery-process diagram, semantic UI states and mobile sequences.
The original comparison keeps a familiar navigation rail while moving from a dense meeting list to more distinct cards, filters and navigation.
A closer reading of the original work: the problem each choice addresses and the value it is intended to create.
The original comparison moves from a dense meeting list to larger meeting cards, with more distinct filters and navigation.
Keep the navigation rail, and give each meeting a stronger visual identity. The wider product work connects sessions to tasks, decisions and participants.
Help someone understand why the session exists and what needs attention.
The style guide separates brand colors from success, warning and danger, and documents button states.
Use semantic color, type hierarchy and interaction states consistently across the workspace.
Help people read the interface and anticipate what an action will do.
The original process includes evaluation, approvals, design, staging, testing and post-implementation UX testing.
Connect the design work to review and implementation, with mobile flows that address a smaller screen.
Give the team a repeatable way to carry design intent into the product.
Select a stage to explore its purpose.
Include an approval point before detailed design.
A condensed redraw of the original delivery-process diagram. The published sequence includes approval points before design and before testing.
The published redesign, reframed to show how information becomes a workspace.
The redesigned desktop brings meeting context, schedule, agenda items and discussions into distinct regions while preserving navigation through other meetings.
The mobile presentation carries preparation and discussion into narrower views. These are selected details from the published mobile design, with the original typography, colours and content preserved.
The agenda overview brings discussion items and unread activity into a compact list. The published annotation connects this view to preparation before a meeting.
The original discussion view keeps the agenda item and its replies together, connecting the conversation to a defined topic.
The complete originals behind this case study. Open a board to inspect the source presentation.
A new design proposal created for this portfolio. Explore the visual changes beside the original project.
New interface design proposal · Sample states · Interactive local prototype
One visible question gives the session a shared focus before the details.
A decision records both the chosen direction and the context behind it.
The working proposal links a new decision to an assigned action and updates the session progress.
A complete interface restyling, new feature designs and a responsive system, with an original before/after comparison and documented delivery process.
A redesign can improve hierarchy while disrupting habits. Keeping the navigation rail gives returning users a familiar anchor while the content organization changes.
The comparison shows a concrete change in interface structure. Reduced meeting time or increased adoption has not been measured in the available evidence.
These explanations and presentation layouts are newly prepared from the available original artifacts. The validation tasks are proposals, not research already completed.
The date shown is the publication year of the Behance presentation. Screens are original project artifacts; no quantified usability outcome is asserted.
Writing assistance that meets you where you are.