Frontend Development for Zoi Medical Healthcare App

Project Title: Zoi Medical

Overview Zoi Medical is a healthcare-focused web application designed to manage operational and clinical workflows through a structured, user-friendly interface. The project involved implementing multiple complex UI modules based on a client-supplied Figma design.

Objective The primary goal was to convert the provided Figma designs into a functional, responsive UI using clean HTML, CSS, and JavaScript, while maintaining design accuracy and usability across different modules.

Patient details and profile interfaces

Product card UI and listings

Company setup and configuration screens

Incident, log, and task management UI

Map and incident visualization interfaces

Approach I focused on pixel-perfect implementation, consistent spacing, and clear information hierarchy to handle data-dense healthcare screens. Reusable UI patterns were used to ensure visual consistency across the application's sections.

Implementation The frontend was built using semantic HTML, modular CSS, and vanilla JavaScript for interactions. Special attention was given to responsiveness, accessibility, and maintainable code structure.

Result The final UI accurately reflects the Figma design and provides a scalable, well-structured frontend foundation for Zoi Medical’s healthcare platform.