Moodboard & Design Walkthrough & Tips w/ Milanote and Figma | Design & Code With Me Ep. 3
Check out 𝙈𝙞𝙡𝙖𝙣𝙤𝙩𝙚 at https://milanote.com/maisyleigh. Thanks Milanote for sponsoring this video!
Today, I will be moodboarding & designing the website for our upcoming cozy pixel art video game, Wistful Orchids! I'm a software engineer & designer, and I'll be using Milanote & Figma to brainstorm, moodboard, wireframe, and prototype a website design. We'll be discussing how to construct moodboards using Milanote, my own moodboarding process, how I wireframe with Figma, and how I utilize Figma components, variants, and properties to create scalable designs that can tremendously improve the design to code handoff process.
In part 2 of this episode, I will be taking this design and bringing it to life. I'll also go over exactly how what I created as a designer is very easy for me to implement as an engineer. So, stay tuned!
Give our artist MySweetChubs ( / mysweetchubs ) some love! Her art is CRAZY good and I'm so proud of her and excited for the upcoming game!!
💛 𝙁𝙤𝙡𝙡𝙤𝙬 𝙢𝙮 𝙤𝙩𝙝𝙚𝙧 𝙨𝙤𝙘𝙞𝙖𝙡 𝙘𝙝𝙖𝙣𝙣𝙚𝙡𝙨 • • • • • •
↳ All My Links: https://www.liinks.co/maisyleigh
My Instagram: / maisyleigh
My TikTok: / maisyleighs
My Twitter: / maisyleigh_
My Github: https://github.com/maisyleigh
💌 𝙀𝙢𝙖𝙞𝙡 𝙛𝙤𝙧 𝙗𝙪𝙨𝙞𝙣𝙚𝙨𝙨 𝙞𝙣𝙦𝙪𝙞𝙧𝙞𝙚𝙨 • [email protected]
📱 2022 𝘿𝙞𝙜𝙞𝙩𝙖𝙡 𝙋𝙡𝙖𝙣𝙣𝙚𝙧𝙨, 𝘾𝙪𝙨𝙩𝙤𝙢 𝘼𝙥𝙥 𝙄𝙘𝙤𝙣𝙨 & 𝘿𝙚𝙨𝙠𝙩𝙤𝙥 𝙒𝙖𝙡𝙡𝙥𝙖𝙥𝙚𝙧𝙨 • • • • • •
Shop My 2022 MUJI-Inspired Digital Planner (https://shrsl.com/3axnr)
Minimal & Pastel Custom App Icons (https://shrsl.com/3axnt)
Desktop Wallpapers from / mysweetchubs
- Dreamy Skies Wallpaper: https://shrsl.com/3axnu
Check out the product links below if you're interested in any of the items I included in my cozy space! By clicking and/or purchasing from these affiliate links, I get a small commission (at no cost to you) ♡. This helps me out a lot to fund my future videos and creations! 🌸
🛒 𝙋𝙧𝙤𝙙𝙪𝙘𝙩 𝙇𝙞𝙣𝙠𝙨 • • • • • •
↳ My full desk setup & tech gear links here: https://kit.co/maisyleigh/my-ultimate...
𝘿𝙚𝙨𝙠 𝙎𝙚𝙩𝙪𝙥 🪑 --
• Ergonofis Sway Desk (Maple, White) - https://shrsl.com/3nok4
• Ergonofis Neat Filing Cabinet (Maple, White) - https://shrsl.com/33tpo
• Ergonofis Desk Shelf (Maple) - https://shrsl.com/33tpw
• Ergonofis Cable Management Solution (White) - https://shrsl.com/33tq0
• Grovemade Wood MacBook Dock (Maple) - https://bit.ly/2YxoDMy [CODE "MAISY" for 10% OFF! ]
• Orbitkey Desk Mat (Stone) - https://bit.ly/3tyWSwV
• Grovemade Wall Shelves (Maple) - https://bit.ly/3zPQ0PL [CODE "MAISY" for 10% OFF! ]
𝙏𝙚𝙘𝙝 𝙂𝙚𝙖𝙧 🖥 - -
• Iqunix Mini-ITX Case (White): https://iqunix.store/discount/maisyle... [CODE “ITX-Maisyleigh” for $20 OFF!]
• Samsung Ultrawide Curved Monitor (34-Inch, White): https://shop-links.co/cfGz0sZqzL2
• 2020 Apple MacBook Pro with Apple M1 Chip (13-Inch, Silver): https://amzn.to/3ewEBvV
𝘾𝙤𝙯𝙮 𝙇𝙞𝙜𝙝𝙩𝙨 💡 - -
• Globe Lamp aka Gantri Cantilever Table Light (Sand) - https://gantri.sjv.io/LX5N1V [🏷 Code "COZYLEIGH20" for $20 off any lights from Gantri!]
• LED Strip Behind My Monitor: https://amzn.to/3vlfxPd
𝙊𝙩𝙝𝙚𝙧 - -
• My Floyd Sectional Couch: https://bit.ly/3zygQuK
🎶 𝙈𝙪𝙨𝙞𝙘 𝙁𝙚𝙖𝙩𝙪𝙧𝙚𝙙 • • • • • •
↳ Lofi Lia // Yoshi Touch & Go - Flower Garden ( • Yoshi Touch & Go - Flower Garden (Lof... )
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
𝗖𝗼𝗽𝘆𝗿𝗶𝗴𝗵𝘁 𝟮𝟬𝟮𝟭. 𝗠𝗔𝗜𝗦𝗬𝗟𝗘𝗜𝗚𝗛 © 𝗔𝗹𝗹 𝗿𝗶𝗴𝗵𝘁𝘀 𝗿𝗲𝘀𝗲𝗿𝘃𝗲𝗱.
This video is sponsored by Milanote.
#Milanote #Figma #Designer #SoftwareEngineer #CozyGames #Moodboarding #Wireframing