{"id":295,"date":"2025-03-29T11:23:59","date_gmt":"2025-03-29T11:23:59","guid":{"rendered":"https:\/\/startersites.io\/blocksy\/beverr\/?post_type=project&p=295"},"modified":"2026-05-01T16:28:51","modified_gmt":"2026-05-01T20:28:51","slug":"website-restaurant-rise","status":"publish","type":"project","link":"https:\/\/briconndesign.com\/index.php\/project\/website-restaurant-rise\/","title":{"rendered":"RISE Cafe"},"content":{"rendered":"\n

static image to responsive restaurant<\/p>\n\n\n\n

\"restaurant-cafe-mockup\"<\/a>
Restaurant Website Mockup<\/figcaption><\/figure>\n\n\n\n

Part of the Visual Communications’ curriculum at DelTech is web graphics. This class is an introduction to front-end development where you learn to utilize HTML and CSS to create a simple website.<\/p>\n\n\n\n

The second project of my class was to create a one-page, responsive website for a pretend restaurant. I was assigned a breakfast caf\u00e9 called RISE. With a bit of digging, I learned the menu was taken from a southern Delaware vegan-friendly caf\u00e9. I used their address to create a proper point of context for the food, audience, and the <iframe> Google map.<\/p>\n\n\n\n

\"Link<\/a><\/figure>
\n

Meat Head was created with the same assets: 1) logo, motto, owner’s image. All body copy used was written by me. The initial draft was created in ChatGPT, which I gutted and reworked until it had the flow I wanted.<\/p>\n\n\n\n

The images were taken from Adobe Stock, and the responsive “down” button is a GIF created in Photoshop; a skill I brought into my RISE assets.<\/p>\n\n\n\n

The colors were pulled from Sanzo Wada’s (1883-1967)\u00a0Color Combination book; possibly Volume II.<\/p>\n<\/div><\/div>\n\n\n\n

Linked above, via the mockup, you’ll find the logo is an animated GIF, which could have been done via CSS coding, but I wanted to challenge myself to use Photoshop in a different way. The Call-to-Action on the hero is actually an animated GIF created in After Effects. The file size is a bit too large for it to properly function, so there is still more to learn about creating web-friendly animated assets.<\/p>\n\n\n\n

I look forward to expanding on these skills as I take the first steps into the professional world.<\/p>\n","protected":false},"excerpt":{"rendered":"

static image to responsive restaurant Part of the Visual Communications’ curriculum at DelTech is web graphics. This class is an introduction to front-end development where you learn to utilize HTML and CSS to create a simple website. The second project of my class was to create a one-page, responsive website for a pretend restaurant. I […]<\/p>\n","protected":false},"author":1,"featured_media":278,"parent":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"project-category":[9,10,11,17],"class_list":["post-295","project","type-project","status-publish","has-post-thumbnail","hentry","project-category-ui-ux","project-category-web-design","project-category-web-development","project-category-web-graphics"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/briconndesign.com\/index.php\/wp-json\/wp\/v2\/project\/295","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/briconndesign.com\/index.php\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/briconndesign.com\/index.php\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/briconndesign.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/briconndesign.com\/index.php\/wp-json\/wp\/v2\/comments?post=295"}],"version-history":[{"count":4,"href":"https:\/\/briconndesign.com\/index.php\/wp-json\/wp\/v2\/project\/295\/revisions"}],"predecessor-version":[{"id":586,"href":"https:\/\/briconndesign.com\/index.php\/wp-json\/wp\/v2\/project\/295\/revisions\/586"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/briconndesign.com\/index.php\/wp-json\/wp\/v2\/media\/278"}],"wp:attachment":[{"href":"https:\/\/briconndesign.com\/index.php\/wp-json\/wp\/v2\/media?parent=295"}],"wp:term":[{"taxonomy":"project-category","embeddable":true,"href":"https:\/\/briconndesign.com\/index.php\/wp-json\/wp\/v2\/project-category?post=295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}