UX/UIThis is a conceptual redesign of the SHINE website to improve usability and responsiveness of the site. I begun conducting preliminary research to learn about the site’s users and the most important parts of the website. Next I created a new site map to create better groupings of information that are easier for the user to understand. After completing the research, I created a wireframe for the homepage and styletiles for the design. The style choices help the site convey a fun, comforting, and safe tone. Once I had created a Photoshop mock-up of the homepage and an interior page, I hand coded them and made them responsive so they could be viewed at any size.
All photos are for conceptual use only.
Desktop Home Page
Desktop Interior Page
Mobile Home Page
A lot of research was conducted for this project, that helped me narrow down the target audience and create a hierarchy of information. I began with a project definition to figure out SHINE’s purpose and its goals and values. This helped with defining the audience, categorizing information, and creating the overall tone to convey on the website. Next I created personas, to help create designs that are more user friendly and geared at the audience. I also refined the existing sitemap to create better hierarchies, and to create a better user experience. All of the preliminary research I conducted helped me to create a better organization of the information to better serve the needs of the users.
After all the preliminary research was completed, I created wireframes of the home page and an interior page. The wireframes helped to create the structure of the website and a hierarchy of the information that will be featured. Next I created three different style tiles to help decide on the most appropriate tone to convey on the site. I chose to highlight the fun, comforting, and safe environment that SHINE offers to its patients and volunteers.
Persona
Home Page Wireframe
Interior Page Wireframe
Styletile 1
Styletile 2
