Wrapped up the very first draft of the high-fidelity wireframe for Morro.

After this step, it has:

1. Rough draft of all the pages (layout)
2. All page navigation
3. Typography system, 1st draft
4. Whitespace system, 4px system, 1st draft
5. Basic reusable components

I should do the entire wireframe before I design every detail for the pages. However, can't wait to do the first design anymore. I just finished the shop page wireframe, and tmr I will draw out the entire wireframe and connect those pages with the IA and sitemap I set up a few days ago.

Just reached the design phase for Morro☕️

Here are 5 icons I designed for the project, from right to left: Roasted, Origins, Flavor, Stillness, and Grind.

Once I wrap up the full design, I’ll be writing a few blogs breaking down the process. 👇🏼

And this is exactly me after every day's documentation👇🏼

Kind of addicted to documenting lately. The more I organize my work, the more I realize how much I still don’t fully understand.

Just updated Flowbit’s Design System—now structured into Typography, Color, Spacing, Iconography, Buttons, and the Smallest Reusable Components.

Built a design system for Flowbit and used it to create a responsive phone version while keeping everything consistent. A design system bridges the gap between designers and developers. I used to code, but now my friend Alex handles most of the dev work—still keeping the habit alive! 😁

Wrapping up the Flowbit web design. Now fine-tuning the details and building a design system to keep everything organized and consistent.

Literally me 🛌

Spent this week on a full-concept web design case study.
2 days on research, content, and info gathering.
3 more days to design the remaining 5 of 7 pages.
Here’s the Flowbit AI Productivity Assistant dashboard UI 👇🏼