Cedars-Sinai Hospital

> Los Angeles, Hollywood

Cedars-Sinai's Creative Department team shared this assignment to redesign the homepage of their corporate website, http://cedars-sinai.org. They noted that specific content needed to remain on the redesigned site, including hero image, main categories, quality care statement, research block, education, community block, patient story, health programs, give now, social and footer elements.  I needed to follow the Material Design approach, using specific components and materials for the layout, navigation, typography, iconography, usability, accessibility AA standards and user interaction fundamentals. I needed to design a new homepage using the latest design fundamentals and functionality trends to create a better user navigation flow, user interaction and experience, and most importantly, to make it informative and educational for all users. The Creative Team shared some components as a start-up kit, along with digital components, style-guides, color swatches, headers, fonts, buttons, icons, logo and others. It was up to my creative vision to work on research, using architecture and a strategic approach to design in order to visualize a new homepage for Cedars-Sinai. The first step was to analyze the existing corporate website, understand the user flow and functions, and review all existing content organization. After reviewing and analyzing, I saw multiple elements that needed to be more organized. Some areas lacked an effective user navigation flow, and the overall design and layout needed to be cleaner and updated to fulfill its informative purpose (less is more approach). 

 My second step was to research, analyze and review existing websites from other hospitals. I went online and searched the top 20 hospitals of the United States. I reviewed what they have done with their user flow, content and functionality. Many of the sites had some interesting user flow information architecture, while others were very limited in their design approach. Something I saw in many of them was the personalization and human touch behind their patients' stories. Other important main elements I reviewed on other sites were the hospitals' Mission Statement modules and links to Request an Appointment as a patient, which I thought were highly effective on the main homepage. I created different formats, functionality and aesthetics for the new Cedars-Sinai homepage. Using a minimal amount of data, insights, patterns and statistics from Cedars-Sinai Creative Team, I began creating wireframe modules and areas. Using best online practices, I created a better navigation workflow around the existing site content, which feels more natural and engaging to users. I also designed multiple module areas with headlines and body copy that contain more unified information about Cedars-Sinai's healthcare, programs, service commitments, stories, how to help and social connection elements. 

Once I had all design ideas in place and was able to analyze and gather all the must-have content from the existing site, I started working with the style guides, color palettes, gradients, button styles, font elements, image selection and space frame structures. Within the design process, I searched free images and icons to aesthetically help design my vision for the new Cedars-Sinai website. At the starting design phase, one of the main elements I included at the very top was a video roll image (which will be about 10 seconds long). According to best practices and statistics, a video roll helps users understand and connect to a company's goals, services or commitment in a more positive and engaging way. The user flow I propose is connected with the present one, but in a more effective and user friendly way, as every section or module has a connection from start to finish. For example, we have a main hero video roll that engages people, followed by the hospital's mission statement. Next, we have the three main quality care categories, which include Choosing a Doctor, Look-up Conditions, and Find a Location. Then we have the Main Healthcare programs, followed by the Our Commitment area, then Patient Stories, and Way to Help module. Keep in mind that these categories and module placement can change depending on statistics, user flow data and optimization test reports. Please note additional arrows pointing down, which work as a graphical engagement for users to keep reading and follow more site content.

Finally, when I had the main content flow in a more natural state, I created all main navigation, drop down menus, social link widgets, and footers. For the the main navigation system, I had to update and reorganize some links. The original utility box at the top seemed to be functional, however, I added a donate button for a better find. I would like to gather more data to see which links are working in a more effective manner. The present jumbo drop down menu seems to work effectively – I just made some minor updates so it will work and pair better with the new website look and functionality. For the social link container widget, I wanted it to be more dominant than what they originally had. I added three major social link channels as a way for the users and hospital to stay more connected in the social media space. I also created a container for people to sign up for the hospital's newsletter if they have one. This will be a very effective way to share information about services, changes, and general updates about the hospital's businesses. Keep in mind that all social channels can up updated very quickly as necessary. For the footer area, I had to rearrange the navigation flow and content to feel more combined and organized. I split the footer area into two sections, one containing a list of most effective category, and the other, with more general information required by the hospital. In addition to rearranging the footer navigation links, I added the Cedars-Sinai logo, a dial 911 reminder, and a new donate button.

I'm very happy with the results. The proposed website looks much cleaner, more organized and informative. Cedars-Sinai's new homepage needed to feel elegant, simple, and educational. It also needed to showcase programs and services that Cedars-Sinai provides, with a more modern look and feel, and additional major user flow navigation and functionalities. The new homepage needed to represent the people of Los Angeles and their communities in a more effective and humane way. The updates and additional body content now flow in a more effective and functional matter. The video roll will work best along with an engaging headline, following with other featured stories within the carousel module. For developers, all modules, widgets, navigation and their content can be updated in a fast and effective way. Most of the image blocks share the same ratio size for cropping images and updating them. Keep in mind that most of the design elements and functionalities are based on best online trends and usability evaluation testing. I can bolster my design and user flow choices and updates by having information on metrics, analysis data, user behavior information, and other tracking data from the Cedars-Sinai teams.

Cedars-Sinai

Legal Notice: All assets, images, videos and design are copyrighted material owned by Cedars-Sinai® 2024.
Digital Design Portfolio is for viewing only, not for sale.

Previous
Previous

JPL / Nasa (Mission Overview)

Next
Next

Anderson Show