Professional Project
DocSpera Web Redesign
Ground-up redesign of DocSpera's surgical coordination portal utilizing scheduling, case lifesycles, and messaging into one unified practice dasbhoard for HCPs in a new, modernized look.
Problem Statement
DocSpera's initial surgical coordination portal included inconsistent screens, massive CLS, overloaded tables, and separated compnents. Users were shown multiple routes to manage a single case, and the visual language had drifted across teams. The ask required was reviving an ourdated system with new branding, best practices, and interactions that reduced the number of pages, modals, and click events without breaking the workflows clinical teams already depend on.
Process
Familiarize and Audit the exsisting Application
Fully explor the entire application flow by flow, including the entire lifesycle from creating a case, adding users, communications with patients pre-op and post-op ending with completion. The audit surfaced redundant table views, mixed styles and inconsistent header patterns.
Defined a shared component library
Standardized table rows, filter bars, status pills, and the case header pattern so every page in the portal stays consistent, future proofing any additional pages. This process included redesigning basic components and defining a clear styleguide
Redesigned by surface, not by screen
Redesigned each workflow: scheduling, pre-op and post-op lifecycles, admin, and messaging. Each surface got a unified header, filter pattern, and density level before any individual screen was touched using the shared styles.
Iterated with engineering weekly
Weekly design reviews with engineering and seniors kept scope honest and showcased and other improvements received from customers. This lead to lots of edge cases being identified and improved, leadning to better future planning.
Inside the Portal
Practice dashboard
Daily schedule
Worklists
Pre-op Lifescycle
Post-op Lifescycle
Create case
Booking templates
Messaging
Location mappings
Admin
Outcomes
Consolidated 25+ disconnected routes into a navigation a coordinator can hold in their head. The component library cut the cost of every subsequent feature, with the mobile app and the workflow automation tool both inheriting designs, and gave DocSpera one consistent visual language.
Metrics
Metrics coming soon