Design & Code With Me Ep. 1 — Building My Personal Website | Day Of A Software Engineer & Designer

Check out Episode #2 of this series here:

Design & Code Vlog (Episode #1) | Today I will be building the first iteration of my personal website, and bringing you along my journey.

Make sure you stay tuned until the end of the video to see the final results!

Check out Episode 2 of this series here (Building an Art Portfolio Website):

🌱 Check out my personal website here 🌱

📱Purchase my app icons & wallpaper sets here 📱

📷 :
🎶 :
💌 :
🛍 :
📌 :
⌨️ :
💬 :

Thank you Idenati for sponsoring today’s video! Definitely check out Idenati, it’s completely free to use and has been super awesome helping me stay organized and feeling refreshed while surfing the web!

┄┄┄ Timestamps ┄┄┄
0:00 Intro 👋🏼
1:45 Starting The Day: Vanilla Iced Coffee
3:48 Moodboarding & Brainstorming
7:30 Designing Moodboard on Figma
9:18 Lunch Time! Salad & Daily Harvest Smoothie
11:48 Sketching Low-Fidelity Wireframe on iPad
12:45 Designing High-Fidelity Wireframe on Figma
14:36 Start Coding + Bringing Design To Life!
15:13 Final Reveal of My Website!

┄┄┄ Other Videos of Mine You’ll Also Enjoy! ┄┄┄
Design & Code With Me Ep. 2 — MySweetChub’s Art Portfolio Website:
👩🏻‍💻 My *New* 2021 Work From Home Workspace & Desk Setup (Warm, Cozy, & Zen):
🎨 My Process for App Design, Ideation, & Getting Inspired:

┄┄┄ Websites For Productivity, Design, Development ┄┄┄
Here’s some of the websites that I featured in my “Design & Development” category in my Idenati!

Productivity // 📝🗓

Design // 🧑🏻‍🎨🎨

Development // 👩🏻‍💻⌨️

┄┄┄ Featured Items ┄┄┄

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 desk setup & tech gear links here!

📷 Fujifilm X-T2:

┄┄┄ Music Featured ┄┄┄
↳ BGM President // Brunch II:
↳ Mr. Jello // Timeless Memory:
↳ Mr. Jello // No Going Back:

┄┄┄ About Maisy Leigh ┄┄┄
Hi! I’m Maisy, and I’m sharing my story of how I live a cozy lifestyle, find peace, and create new things. I’m a visionary, frontend engineer and designer – and I love ideating solutions that facilitate people’s everyday lives, sketching them out and bringing them to life.

I’ve embarked my content creating journey to share my story, as I navigate life. I love being able to share my creativity through this platform.

I love composing my own songs on the piano, gardening, playing video games, drinking matcha and coffee, archery, hiking, interior designing, ideating & wire framing app ideas, graphic design, and engineering.

┄┄┄ Copyright 2021. MAISYLEIGH © All rights reserved. ┄┄┄
#Design&CodeVlog #SoftwareEngineer #Designer #PersonalWebsite #UXDesigner #WebDevelopment #WebDesign #CodingVlog #DesigningVlog


  1. I watched your video and I really enjoyed your life. I want to be someone like you. Thank you for inspiring me ^^

  2. First came a cross your content on TikTok and have just fallen in love your process, setup, and aesthetic. What is the app you are using for your mood board? Iv always struggle to create cohesive design and get overwhelmed by research and the multiple styles out there on the internet. I love how in the app you use you could easily drag and drop external resources and right all over them.

    Thanks for sharing your process with the rest of us.

  3. I just want to say, I super greatly appreciate you sharing all of your content with us. As a baby programmer, it is so helpful and encouraging for me to see other women coding with expertise! I am so inspired by your code content 🥰 I'm even desgining my own little video game as a cute project. You are awesome, please keep doing your thing!!!! 🤍🤍🤍🤍

  4. Hi! If you don’t mind me asking, do you currently freelance or do you work for a company? I’m in SEO right now but really interested in switching careers in the next couple years. Tyia!

  5. I really loved watching your workflow. Definitely i'm going to be including some of your ideas into my workflow. Thanks for the video!

  6. Hi, I would like to ask what this screen is called, please send me a link to find this screen online, i love this screen.

  7. i would love to see a video on how to get started with cs! coming from a background in art, i have the design down. but seeing your videos has really inspired me to want to get in cs! i have no idea where to start though. would love some advice! thank you so much for making these videos. they are very comforting and inspirational! keep up the amazing work~

  8. I would love to know if you have any resources you'd recommend for learning to code. I'm a UX/UI designer that only knows very basic html/css. I work with devs every day, but they all have bachelor's degrees in computer science. I want to know the basic foundations of coding in modern frameworks as well as how to to code simple frontends. I feel like I can't just dive into learning React with no build-up of knowledge.

Leave a comment

Your email address will not be published.