Search Feature Redesign
Features...
The Professional Search Page
For finding other TAMVOES users and organizations.
Why Redesign?
TAMVOES is a health management platform. During their migration to React, enhancing the visual aesthetics of the user interface became essential to align with the new design of the React-based website.
Below is the old search page:
And here is the search page after, with two possible layouts:
Process
Brainstorming ➜ Discussed the direction of the redesign with my manager, ultimately reaching a conclusion that the page could benefit from a more contemporary aesthetic.
Figma mockups ➜ Developed multiple mockups aligned with the overall aesthetic of the website, presented them to the team, and I iteratively made changes to arrive at the final design.
Developement ➜ The mockup was then turned into a fully functional page with the reference of the legacy code, Bootstrap, and Formik. In the process, I also created several API classes that retrieve client and organization information.
Results... Currently deployed at the TAMVOES website (Log in/Register > Professional Search). The revamped professional search page presents a contemporary aesthetic along with a new view toggle, providing users with options for both an expanded and compact view. Additionally, it now incorporates an advanced search feature enabling users to search by location, website, or phone number.