We held one-on-one meetings to gather requirements and then ideated those into low-fidelity wireframes to give the client a basic idea of the application's overall layout. The ideation phase was straightforward because the application was already up and running. I just needed to redesign the existing pages while keeping the overall UI consistent. This also included designing some external pages like landing, contact, about etc.

After completing the ideation and design phase, I finalized the prototype in Figma and sent it to the client for feedback. This process involved back-and-forth iterations, as is typical with most projects. After several revisions, we locked in the UI and kicked off the development phase.

We used Angular as our front-end framework, which was a learning curve for me, but I saw it as a great opportunity to learn and polish my skills in Angular. We paired Angular with Tailwind CSS, which was one of the best decisions because the entire UI was custom designed and developed, meaning we didn't rely on any library for the UI components. I had already designed a design system in Figma before we started development, so the transition from design to development was smooth.

In the end, we delivered a polished, user-friendly application that seamlessly integrated with the existing backend, showcasing a modern and consistent UI. The project not only fulfilled the client's needs but also provided a valuable learning experience in Angular and Tailwind CSS, ultimately enhancing my skill set.