Kiosk Design: Front End Dev & Project Manager

Kiosk Design: Front End Dev & Project Manager

Kiosk Design: Front End Dev & Project Manager

ROLE

TIMELINE

TEAM

PROCESS

Lead Front-End Developer & Agile Team Project Manager

March 2023 – May 2023 (8 weeks)

Collaborated with backend developers, software engineers, designers, and hospital stakeholders

Led user research, designed mockups in Figma, developed the UI with JavaFX, and iterated based on hospital stakeholder feedback

ROLE

Lead Front-End Developer & Agile Team Project Manager

TIMELINE

March 2023 – May 2023 (8 weeks)

TEAM

Collaborated with backend developers, software engineers, designers, and hospital stakeholders

PROCESS

Led user research, designed mockups in Figma, developed the UI with JavaFX, and iterated based on hospital stakeholder feedback

{

SUMMARY
This project was part of my Software Engineering course at WPI, where I led an 11-person Agile team to design and build a hospital kiosk system for Brigham and Women’s Hospital. The kiosk featured tools for service requests, map editing, signage, and navigation to improve hospital workflows. I contributed as both Project Manager and Front-End Developer, focusing on UI consistency, developing cart-based request pages, and ensuring collaboration across the team.

SUMMARY
This project was part of my Software Engineering course at WPI, where I led an 11-person Agile team to design and build a hospital kiosk system for Brigham and Women’s Hospital. The kiosk featured tools for service requests, map editing, signage, and navigation to improve hospital workflows. I contributed as both Project Manager and Front-End Developer, focusing on UI consistency, developing cart-based request pages, and ensuring collaboration across the team.

Challenges & Downsides

Before jumping into development, we spent time understanding the hospital's operational needs and user goals. Through informal interviews and environment analysis, we identified three key requirements that guided our design decisions.

Fast-Paced Environment

Hospital workflows demand speed. Systems must be responsive and minimize steps to complete a task.

Easy Navigation

Users should be able to quickly move between features like maps, service requests, and signage with little to no training.

Touch-Friendly Design

As kiosks are used in shared, high-traffic areas, the interface needed to prioritize large buttons, tap targets, and gesture simplicity.

Defining the Solution

I focused on designing and developing the Service Request interface, which allowed hospital staff to submit requests for supplies, room cleanups, and more using a streamlined, cart-based system. To support the team and maintain consistency across the application, I also created a reusable design system in Figma, including buttons, fields, and layout patterns, that we used throughout the kiosk. While the project also included features like map editing, signage, and pathfinding, I kept my scope centered on delivering an intuitive, touch-optimized UI for the service workflows.

Design & Development

Design System

Design System

To maintain visual consistency across the kiosk, I built a design system from scratch in Figma. This included a color palette, icons, form components, and layout guidelines.

To maintain visual consistency across the kiosk, I built a design system from scratch in Figma. This included a color palette, icons, form components, and layout guidelines.

Service Request & Cart UI - From Mockup to Code

Service Request & Cart UI - From Mockup to Code

I designed and built the service request interface, starting with Figma mockups and implementing a cart-style layout in JavaFX. Below are the final design and the final working UI.

I designed and built the service request interface, starting with Figma mockups and implementing a cart-style layout in JavaFX. Below are the final design and the final working UI.

Other UI Mockups

Other UI Mockups

I designed and built the service request interface, starting with Figma mockups and implementing a cart-style layout in JavaFX. Below are the final design and the final working UI.

I designed and built the service request interface, starting with Figma mockups and implementing a cart-style layout in JavaFX. Below are the final design and the final working UI.

Overview

Overlapping Considerations:

Everyone needed quick and intuitive access to hospital services

  • The system had to be simple enough for new users and reliable for daily use

  • Some users needed to place orders on behalf of others or manage logistics

  • Accessibility, ease of training, and clarity were non-negotiables across roles

Pizza Night

Scrum Meeting

Pizza Night

Scrum Meeting

TAKEAWAYS

  • Learned how to lead a multi-functional team while balancing project management and design

  • Built a full design system in Figma to support consistency across multiple UI screens

  • Strengthened my ability to turn feedback into quick design iterations

  • Gained hands-on experience translating Figma prototypes into JavaFX UIs

  • Realized the value of simple, accessible interfaces, especially in fast-paced settings

TAKEAWAYS

  • Learned how to lead a multi-functional team while balancing project management and design

  • Built a full design system in Figma to support consistency across multiple UI screens

  • Strengthened my ability to turn feedback into quick design iterations

  • Gained hands-on experience translating Figma prototypes into JavaFX UIs

  • Realized the value of simple, accessible interfaces, especially in fast-paced settings

aarsh zadaphiya.

UI / UX Design

Get in touch!

aarsh zadaphiya.

UI / UX Design

Get in touch!

aarsh zadaphiya.

UI / UX Design

Get in touch!

Overview

Overlapping Considerations:

Everyone needed quick and intuitive access to hospital services

  • The system had to be simple enough for new users and reliable for daily use

  • Some users needed to place orders on behalf of others or manage logistics

  • Accessibility, ease of training, and clarity were non-negotiables across roles