Humana - Patient Appointment Scheduling Responsive Web Design Challenge


Submit a solution
The challenge is finished.

Challenge Summary

Welcome to the Humana Patient Appointment Scheduling Responsive Design ChallengeThis challenge is focused on creating a responsive design (for desktop and mobile) for a patient portal that will allow patients to log in, search for services, and book/schedule appointments.

This design will be seen by lots of patients, and help make their lives easier - looking forward to your designs on this!


Round 1

Please include the following pages as part of your design for checkpoint:

- Search (Desktop + Mobile)
- Book Appointment (Desktop)
- View Appointments (Desktop)

Round 2

Please submit all the required screens, after applying checkpoint feedback.

Challenge Details
The goal of this design challenge is to design a patient portal, allowing patients to book and manage their appointments with ease.

User Scenario
- A patient would log in to the Humana Site, then search for a time slot and schedule an appointment
- The user would search for types of services and availability of resources, then book the corresponding time slot/appointment.
- The user will input the required information to schedule the appointment, and choose whether or not they'd like to be reminded
- Once the appointment is scheduled the patient could, move or cancel the appointment

Design Problem
- There needs to be an efficient way for the user to book appointments, and search for doctors and time slots with ease. They should also be able to view and modify these appointments without having to go through too many steps.
- The pages listed in the Required screens section are just to outline the required features, we are open to you rearranging this content as you best see fit, for the best possible UX

Design Goals
- Provide a clean and easy to use UI for the patients to use. The user flow is up to you, if you can find an efficient way to arrange all the required features, we are open to any ideas for a more intuitive approach
- Provide a clear hierarchy in your design layout to display all needed information, and try to minimize the number of steps required to perform any action
- Allow for data to be collected without seeming overwhelming

Branding Guidelines
- Please use the attached Humana_Branding.pdf for branding and color guidelines

Required Screens

Design Requirements
- Responsive design best practices (think and plan your grid!)
- Desktop Size: 1100 px width, variable height
- Mobile size: 320px width, variable height

- Please leave placeholder in the header
- Header and Footer need to be replicated as they are on

01: Search Page
- The patient should be able to search through the following categories for booking their appointment
1. Chiropractic
2. Massage
3. Acupuncture
4. Health Coaching
5. Life Thrive
6. Great Start

- Upon selecting category, they will be shown a list of doctors and associated available time slots. You can choose to show this inline, or as a separate page, the user flow is up to you.

02 Book Appointment Page
- Once the patient has selected the category and time slot, they will be asked to provide certain information in order to confirm their appointment. The information to be collected is:
1. Type of Appointment
  - Chiropractic
  - Massage
  - Acupuncture
  - Wellness Coaching
  - Humana Achieve
  - Humana Beginnings
2. Health Care Professional 

- Dr. Tony Jones  12643 Metcalf Ave Overland Park, KC 66213
- Dr. Wendy Smith  11081 Antioch Rd Overland Park KS 66210
- Dr. Larry Robinson 5900 Neiman Rd Shawnee KC 66203
- Dr. Shelley Thomson 12800 W 87th Street Lenexa, KS 66215
- Dr. Rosco Wells 13200 W 95th Street Lenexa, KS 66215

3. Date
4. Location
5. Start Time

6. Duration
7. End Time
8. Want Reminder?

- This doesn't have to be a separate page, you can include it as a section within the previous (category selection) page if you think that makes for better UX

03 View Appointments Page
- This is where the patient can view their scheduled appointments
- Maybe there can be a calendar view / list view? We are open to your ideas
- There should be a way for the user to modify/edit or delete their existing appointments.

04 Edit / Delete Appointment
- Show the information pertaining to a particular booked appointment
- Let these fields be editable, and give the patient an option to Delete the appointment entirely

05 Login Page
- The patients need to be able to login with their username and password, please create this either as a separate page, or as a modal on the other pages.


Target Audience
- Patients

Judging Criteria
- How well did you organize the necessary information so it’s easy to understand
- How well does the design match the brand’s style
- Cleanliness of the layout/design

Submission & Source Files
Preview Image
Create your preview image as one (1) 1024 x 1024 JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission in it.

Submission File
Please upload PNG images in a ZIP file with all requested contest requirements stated above. Number your files (01, 02, 03, etc) in order. This will help when reviewing with the client.

Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop or Illustrator and saved as layered PSD/AI files.

Final Fixes

As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.

Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.

How To Submit

  • New to Studio? ‌Learn how to compete here
  • Upload your submission in three parts (Learn more here). Your design should be finalized and should contain only a single design concept (do not include multiple designs in a single submission).
  • If your submission wins, your source files must be correct and “Final Fixes” (if applicable) must be completed before payment can be released.
  • You may submit as many times as you'd like during the submission phase, but only the number of files listed above in the Submission Limit that you rank the highest will be considered. You can change the order of your submissions at any time during the submission phase. If you make revisions to your design, please delete submissions you are replacing.

Winner Selection

Submissions are viewable to the client as they are entered into the challenge. Winners are selected by the client and are chosen solely at the client's discretion.


2015 topcoder Open

Challenge links

Screening Scorecard

Submission format

Your Design Files:

  1. Look for instructions in this challenge regarding what files to provide.
  2. Place your submission files into a "" file.
  3. Place all of your source files into a "" file.
  4. Declare your fonts, stock photos, and icons in a "Declaration.txt" file.
  5. Create a JPG preview file.
  6. Place the 4 files you just created into a single zip file. This will be what you upload.

Trouble formatting your submission or want to learn more? ‌Read the FAQ.

Fonts, Stock Photos, and Icons:

All fonts, stock photos, and icons within your design must be declared when you submit. DO NOT include any 3rd party files in your submission or source files. Read about the policy.


All submissions are screened for eligibility before the challenge holder picks winners. Don't let your hard work go to waste. Learn more about how to  pass screening.

Challenge links

Questions? ‌Ask in the Challenge Discussion Forums.

Source files

  • Layered PSD files created in Adobe Photoshop or similar
  • AI files created in Adobe Illustrator or similar

You must include all source files with your submission.

Submission limit


ID: 30046500