{"pageProps":{"postData":{"id":"1-cybercade","contentHtml":"<p><img src=\"/images/cybercade/templogo-full-noback-quarter.png\" alt=\"Cybercade Logo\"></p>\n<p><a href=\"https://www.figma.com/file/UCOR35llYNdWROQqNe8s3T/ESports-Cafe?node-id=0%3A1\">Figma Designs</a></p>\n<p>Cybercade is a side project I'm working on. The idea was to create a floorplan layout and logos for an e-sports café.</p>\n<h3>Iconography</h3>\n<p><img src=\"/images/cybercade/object-examples.png\" alt=\"Icons and Iconography\"></p>\n<p>I wanted to include this project mainly for its iconography. This was my first project where I spent considerable time creating the symbols and vector models for a floorplan. Each time that something new was needed, I spent time looking at how desktop stations, chairs, tables, and other such objects looked from a top-down stand point. One of the biggest challenges was getting away from the flatness that top-down objects can sometimes end up looking like by using gradients as a form of shading. While nothing seems ground-breaking here, I was able to learn a lot about object representation, including the level of depth I really need when approaching this type of project.</p>\n<p>I also learned a lot about vector graphics as well, including line shaping, curves, symmetry, and shading techniques.</p>\n<h3>Layout Design</h3>\n<p><img src=\"/images/cybercade/53x82-4346-sqft.png\" alt=\"4300 Square Foot Example\"></p>\n<p>while designing these floor plans, I also picked up some skill about layout and floorplan design, considering how people moved within the flow of a space, and how to best direct people within the confines of a store front. It was an interesting thought exercise, thinking about how to keep the flow of people within certain areas, how they move throughout a space, how visible aspects from an eye-level view would influence where and how they moved, positioning objects within a space for maximum effectiveness of its purpose (Vending Machines, Front Desk, etc.), and placing ads, video screens, and other media where the most amount of eyes can see them.</p>\n<p>There were nights where thinking about store layout could turn in to several hours of imagining walking through a floor space, how I would move around these obstacles with as little interference as possible, and creating lanes for accessibility to disabled individuals. Having been my first time, I know there's a lot more to think about with these designs, but I feel like I put myself in the shoes of those that would benefit the most from the layouts I created.</p>\n<h3>Logo Design</h3>\n<p><img src=\"/images/cybercade/logo-ideas.png\" alt=\"Logo Ideas\"></p>\n<p>I also spent some time coming up with color palettes and a logo design for a 80's retro-themed logo and overall vibe. (As you can see, I am really digging the retro vibes at the moment.) The idea was to come up with a racy, retro feel where the lettering had strong, contrasting elements for visual distinction, and the colors could easily be distinguished by color-blind individuals. Thick, gothic letters in black, with the edges highlighted really stood out to me, and I went with the feel. Several ideas were also tossed around for a distinguishing icon; an old-school game control (think an Atari joystick) with neon coloring, combining lettering to create a directional pad; neon triangles of varying colors; and a CE fashioned to appear as an \"On\" switch. The logo ideas are still being deliberated on, and hopefully a finalized example can be created soon.</p>\n","title":"Cybercade Esports","description":"Cybercade is a side project I'm working on. The idea was to create a floorplan layout and logos for an e-sports café."}},"__N_SSG":true}