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

Check out Figma to start designing: https://psxid.figma.com/gtjioxnshenb

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): https://youtu.be/BHLpWUhN3Ik

🌱 Check out my personal website here 🌱
https://www.maisyleigh.com

📱Purchase my app icons & wallpaper sets here 📱
https://www.etsy.com/listing/981923542

📷 : https://instagram.com/maisyleigh/
🎶 : https://tiktok.com/@maisyleighs
💌 : maisyleighproductions@gmail.com
🛍 : https://etsy.com/shop/maisyleighshop
📌 : https://pinterest.com/maisyleighs
⌨️ : https://github.com/maisyleigh
💬 : https://twitter.com/maisyleigh_

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!
https://idenati.com/about?ref=maisyleigh

┄┄┄ 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: https://youtu.be/BHLpWUhN3Ik
👩🏻‍💻 My *New* 2021 Work From Home Workspace & Desk Setup (Warm, Cozy, & Zen): https://youtu.be/4yunTZRfd-o
🎨 My Process for App Design, Ideation, & Getting Inspired: https://youtu.be/gcDHtGdZoQ0

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

Productivity // 📝🗓
https://idenati.com/about?ref=maisyleigh
https://clubhouse.com

Design // 🧑🏻‍🎨🎨
https://behance.com
https://dribbble.com
https://figma.com
https://fontshare.com
https://khroma.co

Development // 👩🏻‍💻⌨️
https://github.com
https://netlify.com
https://codesandbox.com
https://stackoverflow.com
https://styled-components.com
https://styled-system.com

┄┄┄ 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! https://kit.co/maisyleigh

📷 Fujifilm X-T2: https://amzn.to/2Q3CbeI

┄┄┄ Music Featured ┄┄┄

Sign up for Thematic here for warm & cozy beats for your content! https://app.hellothematic.com/?via=maisy

↳ BGM President // Brunch II: https://youtu.be/XlhBXAMHUz8
↳ Mr. Jello // Timeless Memory: https://thmatc.co/?l=11D39505?via=maisy
↳ Mr. Jello // No Going Back: https://thmatc.co/?l=6EF11AD2?via=maisy

┄┄┄ 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

source

49 Comments

  1. I'm seriously thankful for this video, it's what I've been looking for! I've wanted to start learning for awhile now but it got overwhelming and stopped. You gave me the motivation and push I needed! Still no guarantee of me succeeding, but it's a start.

  2. wow!! that was so amazing Ms. Maisy. I wish i could make my own website too using your website tutorial. I'm so impressed! more video's tutorial to come. God bless and love lots from your fan/subscriber 🙂

  3. the sad part im still so confused i besically understood nothing since i have no idea about coding in general except for maybe html even the this video is amazing and super calmin
    :'(

  4. not only you just made me fall more for designing also the diet of yours and the working environment
    I am just a beginner and learned the way how to start building a website
    I also prefer to apply my own designs in the website
    Especially for my personal websites
    In short, your video was refreshing and so organized and informative

  5. i love these videos! they inspire me so much since i wanna be a UI programmer and incorporate my creative and artsy side w coding just like u!! ive been looking for a role model and inspo since ive been a little lost with what sparks the passion in me so thank you for your wonderful and aesthetic content. it means the world to me<333

  6. Estoy enamorado de esta china linda (tiene más pinta de Japonesa pero creo que es gringa)🍀 <3
    I wanna reply this project is wonderful, smart and I love her voice

  7. hi, can i ask you please , did you convert the code to html css and js template and then integrate it to your project ?, or the design step just to inspire you when you start coding ?

Leave A Reply

Please enter your comment!
Please enter your name here