Transforming a dated desktop tool into a modern web application.
I was tasked with the end-to-end redesign of eNotebook, a legacy enterprise application facing a tight "sunset" deadline. The goal was to transform its complex, outdated workflows into a modern and intuitive web-based tool that met specific, newly-defined business requirements.
As the lead UI/UX Designer, I was responsible for the design process from mockups to user presentation. I collaborated closely with a cross-functional team that included Alan Islas (Business Analyst), Marco Tirado (Iteration Manager), and Jorge Alejandro (IT Architect) to ensure the solution was user-centered, technically feasible, and aligned with business goals.
The project began with a thorough analysis from our Business Analyst, which laid out the core requirements. Key challenges included designing for four distinct user roles (Reader, Author, Admin, Approver), simplifying document statuses to just 'Draft' and 'Final', and incorporating critical features like a search engine and automated email notifications.
With the requirements defined, my phase of the work began. I translated the business needs into tangible user flows and wireframes, focusing on creating a 'Friendly UI' that would make it easy for users to find the documents they needed. This involved designing clear interfaces for handling approval requests and peer review templates.
Very first Wireframes of the document pages
An overall view of the create document page, displaying all the possible content combinations and their interactions.
The high-fidelity mockups were then presented to users and stakeholders for feedback. This crucial step, along with subsequent user validation, ensured that our design direction was correct before committing to the development phase.
As the UI/UX Designer, I was responsible for translating the initial business analysis into a complete set of high-fidelity, interactive mockups, which I then presented to users for validation.
This project was a true team effort. The clear requirements from our Business Analyst, strategic oversight from our Iteration Manager, and technical guidance from our IT Architect were all essential for success.
The most significant impact was bringing tangible clarity to an ambiguous project. The final, validated design served as a blueprint that aligned stakeholders, users, and developers on a single, clear vision. This systematic approach transformed a list of complex business requirements into an actionable, user-friendly solution ready for development, ensuring the successful sunset of the legacy Notes system