{"id":3280,"date":"2021-04-21T14:44:49","date_gmt":"2021-04-21T14:44:49","guid":{"rendered":"http:\/\/www.fmidnight.com\/design\/?page_id=3280"},"modified":"2024-04-23T06:12:20","modified_gmt":"2024-04-23T06:12:20","slug":"faded-midnight","status":"publish","type":"page","link":"https:\/\/www.fmidnight.com\/design\/faded-midnight\/","title":{"rendered":"Faded Midnight"},"content":{"rendered":"\n

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

https:\/\/fmidnight.com\/fadedmidnight<\/a><\/h3>\n\n\n\n
\"\"<\/figure>
\n

Faded Midnight Arts, Web Development Services<\/p>\n\n\n\n

Faded midnight Arts is a storefront website for web design, web development, and graphic design. It is my personal freelancing site and aims at delivering services to customers. I opted for a clean and modern feel for the website to establish a clean and professional ethos.<\/p>\n<\/div><\/div>\n\n\n\n

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

My client for the site is myself, and the audience would be any potential customers looking for a website. As a business site, I would want to establish a professional ethos and demonstrate my work with the site itself.<\/p>\n\n\n\n

\n

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

The challenge with this site was the audience. I had to think like a businessman as well as a web designer. “what would a customer of web design look for in a developer?” “How might I fulfil those expectations?”<\/p>\n<\/div>

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

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

I wanted an ultra-modern feel to my business site to convince customers that I was on the bleeding edge of the latest trends in web design. I chose the popular Hestia theme to establish this ethos, and edited it to my personal taste and design sense.<\/p>\n\n\n\n

\"\"<\/figure>
\n

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

I established the design I wanted to and made the website to what I had envisioned. the site is modern, crisp, and minimalistic, mirroring other site of the current modern style. I focused mainly on directing the user towards my portfolio and my services, as the site waas a business site.<\/p>\n\n\n\n

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

i chose the font Roboto because of its modern aesthetic and easy readability. I backed it up with typical common fonts such as Helvetica and Arial. I also used Open Sans with the same backups for various other headers.<\/p>\n\n\n\n

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

I stuck to the theme animations for this site as i did not want the site to be extravagant.<\/p>\n\n\n\n

Color Scheme:<\/h6>\n\n\n\n
Header<\/td>white<\/td>#ffffff<\/td><\/tr>
Accent<\/td>purple<\/td>#44058d<\/td><\/tr>
Body<\/td>white<\/td>#ffffff<\/td><\/tr>
Gradient 1<\/td>purple<\/td>#44058d<\/td><\/tr>
Gradient 2<\/td>black<\/td>#751a7d<\/td><\/tr>
Footer<\/td>gray<\/td>#323437<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

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

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