Initial Concept

After sketching initial page layout ideas, I brought those over into Photoshop and created various layouts.

Original home page design concept for the MCS website
Original layout design template for the MCS website

Final Version

I cleaned up the layout: added more whitespace, darkened the colors for visibility, and settled on a color palette. I also rearranged sections so they are able to adjust fluidly to different viewports. Once satisfied, I built the website in Visual Studio and used Boostrap to assist with structuring the pages.

Three iphones with the Memory Care website on their screens A desktop computer, laptop and tablet, all displaying different screens from the Memory Care Summit website