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
hello, what software did you use to create moodboard on the ipad? thanks
This video is the reason why I chose to study IT in the university!! can't thank you enough for your inspiring videos Maisy!!!
Please share meal prepping videos too hahha they are so soothing and cute !!!! love the video looking for more!
❤❤❤
is it just me, or your website is inaccessible now?
How can I get that wallpaper?
Me watching this video motivated me to maybe become a software engineer! Thanks ❤
my browser cant reach the site 💀is it still hosted?
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.
Hi! I want to make my own website too! I understand the skills I’ll need to build, but what about the website domain? Any tips on how to make your website live? Thanks ❤
yess CSS Grid >>>>>>>>>>
خدا لعنتت کنه کنه چقد قشنگ شد 😂
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 🙂
Please show us how you did svg animation!
more vids from you Totally love it. <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
:'(
So beautiful home page, I loved it!
It’s so hard to find female coders that are into aesthete and gaming too!! I’m so glad I found you 😂❤
I came here for web dev. Wasnt expecting ASMR….not complaining. 10/10
Why is your voice so CUTEE!!
where can I find that keyboardddd <3
Great video! thanksss
que se siente vivir mi vida soñada
as someone who is taking a web design and development course right now, it is insanely cool to watch your design and coding process ! <3
Wow! Its really inspires me a lot🥺❤️🥰
beautiful color!!! please post more and more specific !!!more detail about the design inspiration and coding
good work🎉
https://youtube.com/@vibss_
cool
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
Congrats ka look alike 😄😅❤
No way I just searched it up and they closed it!! So they no longer exist :/
lovely, I have learned a lot of new things🤩🤩
I love identati, and wanna download after watching this video but it is closed on Friday to download it! :((
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
what´s the name of first song?
How do you get a domain for free?
So calm and cozy 😌👌
Omg it's soo aesthetic and cleann✨✨ wish I could do something like that but don't have the knowledge too ahhh🤧
Amazing
But like, how?
I really love the asthetic and the calming atmosphere you are inviting when viewing this video.. in fact its what had me subscribe to your channel, can't wait to see what you do next ✨🙏🏾
I never knew I needed this kind of content. <3 makes me feel so relaxed just by watching Maisy work ++ gives me kdrama vibes cuz of the bg sound used.
جملية
Can u share what u exactly wrote in the coding
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
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 ?
Hello Miasy , how can i get better into design as a software dev ?
this is such a beautiful and inspiring video
Heyy I like the vibe what your designs have. I wonder which programming languages you know, can you say that?