WEB APP

Create surgical videos for residents

UI/UX design and a prototype for healthcare professionals to create engaging & immersive 3D content for residents.

Documents 3D icon made with blender.3D block cut icon made with blender.3D heart made with blender.

Project overview

'8chili for surgeons' is a virtual reality platform that can be utilized to record, edit & present live surgical procedures for both students and experienced surgeons. The surgeon wears a HintVR headset with high quality cameras that record everything they see in real life so trainees are able to rewind the procedure, replay it at their own pace, watch x-rays or other media overlays during the procedure. Developing skills, absorbing knowledge, innovating ideas…all come together here in immersive way that's never been before possible.

Challenge

The challenge is to recognize, understand and validate the existing platform and redesign the application with a better user experience for surgeons and medical institutions. This should enable them to edit surgical videos quickly while providing these educational content at an affordable rate to the residents, healthcare institutions and, students based on yearly or monthly subscription plans.

Design process

With enough research on the client's product, video editing softwares, and existing successful online educational platforms, wireframes are created in a way that only necessary options are given to the surgeons to get the desired output while editing the surgical videos on their app. After a few rounds of prototyping with iterative changes to wireframes and layout an interactive prototype is designed.

Final result

A web app for surgeons to edit videos after the surgery is recorded on their HintVR headset & transferred to their computer. Surgeons can categorize content according to surgeries performed, create yearly or monthly subscription plans for the residents. They also have access to complete statistics on their earnings, total views on their educational content, subscribers count, etc. on their dashboard.

Browse surgical videos of various categories

Residents can browse surgical videos based on the categories, subcategories and surgeons. The content is recommended to the user based on their user search history, interests, and specialty they are currently pursuing.

8Chili web app - Browse content screen for Surgeons.
8Chili web app - Cardiac surgeries courses screen for surgeons and residents.
8Chili web app - Course details screen for Surgeon users.
Left Arrow icon.
Right arrow icon.

Create courses and lectures with ease

Surgeons can create lectures and courses, categorise them and add relevant tags that helps residents to filter and find the right content while browsing. The platform helps surgeons to create, continually update their lectures and courses on the go.

8Chili web app - Create new lecture screen for surgeon users.
8Chili web app - Upload documents screen for Surgeon users.
8Chili web app - Create new lecture screen for Surgeon users.
Left Arrow icon.
Right arrow icon.
8Chili App icon.
8chili for Surgeons
Immersive experience

Residents get immersive learning experience with the adoption of mixed reality (AR and VR).

Interactive case studies

Interactive cases allow learners to not only see the operation from different angles but also receive step-by-step instructions.

User-centric approach

With the intuitive UX, surgeons can create and edit interactive videos with ease.

Metrics in content engagement

Surgeons get the complete statistics of their subscribers, total views and more.

Showcase of Tutorials screen of 8Chili app for Surgeons and resident users.

Content, earnings and subscription statistics for Surgeons

Surgeons can track their earnings, number of subscribers they've gained, how many lectures they've uploaded and more. 8chili puts surgeons at ease with a professional interface for total control over their account stats while fulfilling the requirements of their role as educators.

8Chili web app - Dashboard screen with statistics for Surgeon Users.
8Chili web app - My content screen for surgeon users.
8Chili web app - My content screen with single lectures tab for Surgeon users.
Left Arrow icon.
Right arrow icon.

Edit surgical procedures with interactive case descriptions

Surgeons can create step by step recorded guide on how to perform the procedure in great detail. It includes annotations, trajectory planning, image & video overlays like microscopic feed, x-rays and endoscopic feed.

8Chili web app - Surgical video editing screen with annotations for surgeon users
8Chili web app - Surgical video editing screen with pictures and videos embedding features for Surgeon users.
8Chili web app - My content screen for Surgeon with Single lectures tab highlighted.
Left Arrow icon.
Right arrow icon.
Quote icon.

Beauty & brains, pleasure & usability - they should go hand in hand.

- Donald Arthur Norman

A student with VR headset clicking on the Heart surgeries UI component on the App.
8Chili surgeon app with Dashboard screen and video editing screen showcased on the laptop mockups.
8Chili app Dashboard screen in light mode for surgeon users.
A surgeon editing the surgical video using 8Chili web app on his laptop.

Wireframes and behind the scenes

Here's a sneak peek of the work done for this project before designing a high-fidelity interactive prototype. I always draw wireframes as they are an essential part of the product development process, allowing you to identify issues earlier on, saving time & money in design and development phases.

Laptop with wireframe papers on a table at the outdoor of a coffee shop.
Agenda and tasks on a colored sticky notes for 8chili project for surgeon users.
Wireframe papers and apple mouse placed on a coffee table for 8chili project for surgeon and resident users.
Wireframe papers and a pen on the coffee table along with a MacBook Pro laptop.
MacBook Pro laptop in the living room of a house with figma on the screen with 8chili application designs.

Thank You!

3D solid orange hand tapping on the iPad while editing the surgical video on 8Chili App.
View all projects
Right arrow icon.