OVERVIEW
SUMMARY
RadNet is radiology firm that operates diagnostic imaging centers (MRI scans, CT scan, breast scams; etc).

RadNet TV(RTV) is an website that covers the latest advancements in radiology and news coverage of RadNet. Targeted to patients, family members, friends and guests in the lobby, it has accrued over ten million viewers.

TOOLS
Sketch, Bootstrap (UI framework)

TEAM
Michael Tewasart (Web & UI Designer), Rodolfo Perez (Developer), Steve Kramer (Project Manager)
1) PRESENTING
• show latest iteration of design based on feedback
• collect data
2) FEEDBACK
• ask the user questions about their experience
• create personas & user goals
3) SCOPE
• establish timeline to
• brainstorm ideas
• prioritize features
4) DESIGN
• redefine UI
• create wireframes, user flows, and interactive mockups
DESIGN PROCESS
4-STEP DESIGN PROCESS
A weekly 4-step process has been created.
USER RESEARCH
USER PERSONAS
Patient demographics are 60% women and 40% men in mid 50s.

Most visitors of RadNet TV are patients familiar with RadNet and would like to know more about the Radiology field. Potentially, they can even recommend this service to potential clients.

MAIN FEATURE PRIORITIZATION
Inspirations were drawn from Netflix, Disney+, Hulu, and HBO. The main challenge is to balance business goals, creativity, and user needs. Most desired elements were:
- Ability to horizontally scroll through thumbnails
- Ability to search by category/specific doctor/user input
- Hero banner on top
MEDIUM FIDELITY DESIGNS
Researching other streaming platform's website revealed a homogenous design layout. I based RadNet TV off of them as I wanted the users to be comfortable when browsing content.

Talking with the developer, the Bootstrap framework was planned on being used.

BRAND COLOR SCHEMES
BRAND COLORS
RadNet's brand color schemes were implemented. Dark Mode was established to be the default.
HIGH FIDELITY DESIGNS
HOME PAGE
Based off of various streaming services such as Netflix, Hulu, HBO, and Disney+. Hero banner provides the latest promoted news as well as a main call to action. Different sections are displayed and the contents can be horizontally scrolled.

CATEGORIES PAGE
Users can search by category or specific doctor.

ABOUT PAGE
The lobby banner with the playing TV simulates the act of waiting in one of our imaging centers.
WHAT I LEARNED
SPEED OVER ACCURACY
Bootstrap was planned for the UI components for speed, as it was a priority to get this website up and running as soon as possible. As a result, this project was completed quickly from a design and dev. perspective.

SOME DESIGNS DON'T TRANSLATE 100%

I created a template for how the banner would display the title and description of categories (descriptions longer than 2 lines would be truncated). However, this feature was not implemented as the developer didn't have the time to implement the truncating feature.

I've attempted to fix this by wanting to rewrite the category descriptions to be under 2 lines.

This was an incredible learning experience from me, as I have to anticipate different skillsets and wants from each department I worked with.