{"id":2737,"date":"2021-02-24T23:33:10","date_gmt":"2021-02-24T23:33:10","guid":{"rendered":"http:\/\/www.fmidnight.com\/design\/?page_id=2737"},"modified":"2021-03-03T23:46:18","modified_gmt":"2021-03-03T23:46:18","slug":"memes","status":"publish","type":"page","link":"https:\/\/www.fmidnight.com\/design\/memes\/","title":{"rendered":"Memes"},"content":{"rendered":"\n

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

Ask for access<\/h3>\n\n\n\n
\"\"<\/figure>
\n

Memes, Now This is Epic<\/p>\n\n\n\n

Memes is a site made with Piwigo to store my memes. Although the content is whimsical, the function of the site is professionally made and configured. <\/p>\n<\/div><\/div>\n\n\n\n

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

The client was myself and my friends, so the only necessary focus would be making it easy to find and download specific memes that might be needed in the moment.<\/p>\n\n\n\n

\"\"<\/figure>
\n

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

The main challenge of this site was navigation. I wanted my memes to be easily found and accessible.<\/p>\n<\/div><\/div>\n\n\n\n
\n\n\n\n

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

The solution to making memes findable was proper labeling and tagging, as well as obvious navigation. Piwigo made it easy to display navigation and directories for images which made the folders organized, and tagging and naming each image would allow them to be easily searched for.<\/p>\n\n\n\n

\"\"<\/figure>
\n

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

The site functions properly as I intended it, and it makes finding a specific meme easy and fast. My friends and I use it to this day to find specific memes we need that are in our friend group.<\/p>\n\n\n\n

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

Piwigo uses Open Sans as its main font for readability and modern style. <\/p>\n\n\n\n

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

I did not animate for this website.<\/p>\n\n\n\n

Color Scheme:<\/h6>\n\n\n\n
Header<\/td>gray<\/td>#2f3032<\/td><\/tr>
Accent<\/td>light blue<\/td>#6BA1FF<\/td><\/tr>
Body<\/td>dark gray<\/td>#1e1f23<\/td><\/tr>
Text<\/td>white<\/td>#ffffff<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

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

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