Twitter | Search | |
melody ✨ at hackcon! 🍀
I recently worked on a new website for ! Here's a (rare) behind-the-scenes look on how the design for the site came together: 🖼️ 1⃣ I started working on different ways the site can be laid out like a retro RPG menu, similar to the ones found in Final Fantasy.
Reply Retweet Like More
melody ✨ at hackcon! 🍀 May 6
Replying to @pixelyunicorn
2⃣ Eventually, the focus moved away from menu layouts to dialog box styles modeled after various retro games, and somehow controllers. The box style we eventually settled on is based off the famicon controller... flipped backwards! 😂
Reply Retweet Like
melody ✨ at hackcon! 🍀 May 6
Replying to @pixelyunicorn
3⃣ I then worked on ways we can incorporate links (and notably the arrow) into the box style. I came up with 30+ slightly different designs and layouts until we found one that looked just right on desktop and mobile! 📲
Reply Retweet Like
melody ✨ at hackcon! 🍀 May 6
Replying to @pixelyunicorn
4⃣ Finally, it's code time! Using the power of CSS flexbox, I implemented a few different variations of the box layout. You can find the site online at ! 🌎 Really enjoyed working on this because it's an oddly satisfying mix between modern and retro 👾
Reply Retweet Like
Roberto Torres May 6
Replying to @pixelyunicorn
This is cooooooooool
Reply Retweet Like
melody ✨ at hackcon! 🍀 May 6
Replying to @TorresLuzardo
Thank you!!!!
Reply Retweet Like
melody ✨ at hackcon! 🍀 May 6
Replying to @pixelyunicorn
PS if you need a quick and simple website done this week, I am currently available for freelance work - feel free to get in touch with me! You can find my portfolio online at ✌️
Reply Retweet Like
Pat Woods May 6
This is some excellent work, Melody!
Reply Retweet Like