{"id":3288,"date":"2021-04-21T14:11:50","date_gmt":"2021-04-21T14:11:50","guid":{"rendered":"http:\/\/www.fmidnight.com\/design\/?page_id=3288"},"modified":"2024-04-23T06:17:26","modified_gmt":"2024-04-23T06:17:26","slug":"ivav","status":"publish","type":"page","link":"https:\/\/www.fmidnight.com\/design\/ivav\/","title":{"rendered":"IVAV"},"content":{"rendered":"\n

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

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

IVAV, an AV Portfolio<\/p>\n\n\n\n

IVAV is a project I did to boost my AV resume. I created a custom type logo for personal branding and used the Hestia theme to convey a clean and modern ambiance. <\/p>\n<\/div><\/div>\n\n\n\n

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

The audience for this site was the AV Employer community. I wanted to convey a modern and clean ethos with clear conveyance of my skill set. I payed specific attention to pointing attention to my education and experience, as they are strong points of consideration.<\/p>\n\n\n\n

\n

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

The main challenge of this site was the information presented on the site. I wanted the focus to be the content, and I wanted it to be conveyed in a clean and easily findable way.<\/p>\n<\/div>

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

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

I used the clean and versatile theme Hestia to give my site a clean and modern look that fit with the ethos I wanted to convey. I also used this theme for my business website fadedmidnight.com for similar reasons.<\/p>\n\n\n\n

\"\"<\/figure>
\n

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

I was satisfied with the site. I used orange as the accent color, which gives it a warm and enviting vibe to the site. It was also clean and clear what I was trying to convey<\/p>\n\n\n\n

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

I kept the defaults that Hestia provided as they fit well.<\/p>\n\n\n\n

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

Hestia includes navbar animations for the homepage and parallax scrolling as well.<\/p>\n\n\n\n

Color Scheme:<\/h6>\n\n\n\n
Header<\/td>image<\/td>image<\/td><\/tr>
Accent<\/td>orange<\/td>#f15a24<\/td><\/tr>
Body<\/td>white<\/td>#ffffff<\/td><\/tr>
Footer 1<\/td>gray<\/td>#323437<\/td><\/tr>
Text<\/td>white<\/td>#ffffff<\/td><\/tr>
Banner<\/td>orange<\/td>#f15a24<\/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>