{"id":2634,"date":"2021-02-24T04:43:26","date_gmt":"2021-02-24T04:43:26","guid":{"rendered":"http:\/\/www.fmidnight.com\/design\/?page_id=2634"},"modified":"2024-04-23T06:08:55","modified_gmt":"2024-04-23T06:08:55","slug":"4k-eyecare","status":"publish","type":"page","link":"https:\/\/www.fmidnight.com\/design\/4k-eyecare\/","title":{"rendered":"4k Eyecare"},"content":{"rendered":"\n

Case Study<\/h2>\n\n\n\n

https:\/\/fmidnight.org\/4keyecare<\/a><\/h3>\n\n\n\n
\"\"<\/figure>
\n

4k Eyecare, Eye Care & Eye Wear<\/p>\n\n\n\n

4k Eyecare was a project I did for college. I wanted to make the site look futuristic and clean, to portray a medical atmosphere. I used white and various blues to do so, and also utilized drop shadows to make the site look advanced and futuristic. <\/p>\n<\/div><\/div>\n\n\n\n

Client\/Audience<\/h4>\n\n\n\n

The client for this site was my teacher. I was provided text and a bit of direction, but the designs were up to me. This site was for my graphic design teacher, so I payed special attention to layout and typography, while also implementing good web design practices.<\/p>\n\n\n\n

\n

Challenge<\/p>\n\n\n\n

The main challenge of this site was the reputation I had to construct. Many are wary of doctors, and pay specific attention to cleanliness when interacting with anyone in the medical field. I wanted the site to reflect a reputation that held both technology and cleanliness to a high degree. I wanted the site to look clean and high-tech.<\/p>\n<\/div>

\"\"<\/figure><\/div>\n\n\n\n
\n\n\n\n

Solution<\/h4>\n\n\n\n

I solved the challenge with animation and color use. My most used color is white, and second most used is light blue, both of which are very clean colors. I also used drop shadows and gradients to convey a futuristic and clean look, without making the content cluttered or busy.<\/p>\n\n\n\n

\"\"<\/figure>
\n

Results<\/p>\n\n\n\n

I ended up getting an A on the project. I think this is one of my favorite sites that I have made, I very much like the futuristic and clean feel of the site. <\/p>\n\n\n\n

Typography<\/h6>\n\n\n\n

I once again used Open Sans as my body and header typography, due to its professional feel and readability. Helvetica and Arial are its backups.<\/p>\n\n\n\n

Animation<\/h6>\n\n\n\n

I used a blur animation for the banner to convey clarity and vision, which ties into the eye care theme. I also animated the navigation background image to draw the eye towards it.<\/p>\n\n\n\n

Color Scheme:<\/h6>\n\n\n\n
Header<\/td>white and blue<\/td>image<\/td><\/tr>
Accent<\/td>light blue<\/td>#63d1f4<\/td><\/tr>
Body<\/td>white<\/td>#ffffff<\/td><\/tr>
Footer 1<\/td>light blue<\/td>#63d1f4<\/td><\/tr>
Footer 2<\/td>dark gray<\/td>#111111<\/td><\/tr>
Footer 3<\/td>gray<\/td>#222222<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

<\/p>\n<\/div><\/div>\n\n\n\n

Screenshots<\/h4>\n\n\n
\n\t
<\/div>\n\t
<\/div>\n\t
<\/div>\n\t
<\/div><\/div>