Building My Personal Website • Design & Code With Me Ep. 1 | Day Of A Software Engineer & Designer
Vložit
- čas přidán 8. 06. 2024
- 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: 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): • Creating MySweetChubs’...
🌱 Check out my personal website here 🌱
↳ www.maisyleigh.com
📱Purchase my app icons & wallpaper sets here 📱
↳ www.etsy.com/listing/981923542
📷 : / maisyleigh
🎶 : / maisyleighs
💌 : maisyleighproductions@gmail.com
🛍 : etsy.com/shop/maisyleighshop
📌 : / maisyleighs
⌨️ : github.com/maisyleigh
💬 : / 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!
↳ 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: • Creating MySweetChubs’...
👩🏻💻 My New 2021 Work From Home Workspace & Desk Setup (Warm, Cozy, & Zen): • Creating My New Produc...
🎨 My Process for App Design, Ideation, & Getting Inspired: • My Process for App Des...
┄┄┄ Websites For Productivity, Design, Development ┄┄┄
Here's some of the websites that I featured in my "Design & Development" category in my Idenati!
Productivity // 📝🗓
↳ idenati.com/about?ref=maisyleigh
↳ clubhouse.com
Design // 🧑🏻🎨🎨
↳ behance.com
↳ dribbble.com
↳ figma.com
↳ fontshare.com
↳ khroma.co
Development // 👩🏻💻⌨️
↳ github.com
↳ netlify.com
↳ codesandbox.com
↳ stackoverflow.com
↳ styled-components.com
↳ 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! kit.co/maisyleigh
📷 Fujifilm X-T2: amzn.to/2Q3CbeI
┄┄┄ Music Featured ┄┄┄
Sign up for Thematic here for warm & cozy beats for your content! app.hellothematic.com/?via=maisy
↳ BGM President // Brunch II: • [Royalty Free Music] B...
↳ Mr. Jello // Timeless Memory: thmatc.co/?l=11D39505?via=maisy
↳ Mr. Jello // No Going Back: 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
finally a "building my website" video without services like Wix lol
right without hearing "Square Space"....ugh their ads are everywhere
And I here is me ...the guy who made his portfolio on square space reading this comment 😂
@@aat10Kyoko So you want Bluehost ads instead?
@@jinraigami3349 AWS ads please
@@dubsteppwarrior 😂😂
Me, as a software engineer that watches tons of content related to dev/design this is just the kind of videos I always wanted!! Congrats!
glad i made this video into a reality!! thanks for tuning in!!
Where can I find more web design videos like this
It’s so hard to find female coders that are into aesthete and gaming too!! I’m so glad I found you 😂❤
This video is the reason why I chose to study IT in the university!! can't thank you enough for your inspiring videos Maisy!!!
It’s just phenomenal how good these videos are! These are wonderful - especially learning to code myself these are very inspiring and calming when I’m overwhelmed by the learning process. You have such a great gift of bringing calm and warmth to us all. Thank you so much for sharing your experiences and projects with us ✨
thank you so much for watching :D
your voice is naturally ASMR ... I feel so calm listening to you :D ... Love from India 💖
Aww thank you!
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!!!! 🤍🤍🤍🤍
This is awesome...You should be so proud of your progress :)
How do you program as a baby? You can barely walk??
Loving how personal this is and how it just feels like I’m talking to you across from your little tea table 🥰
thank you bestie ❤️🌷🥰
I love the way you broke down your design process. I'm just starting to dive into the design side of web development and this video gave me a lot of inspiration. Keep it up!
Glad it was helpful!
I’m currently in art school, majoring in web and multimedia environments. I’ve been looking for web jobs to apply to and most of them say to do a lot what you are in this video. I never really understand what any of it meant until watching this so thank you!! This was honestly such a big help and inspiration!
woohoo! finally a design & coding vlog 👩🏻💻
comment down below if you've built your personal site yet, and how you would want it to look!
follow me on insta & twitter to stay updated on my future content ✨
↳ 📷 : instagram.com/maisyleigh
↳ 💬 : twitter.com/maisyleigh_
I'm so happy you finally came out with this video! I'm sure many of us have been dying to see the website you've been working on for so long.
Pin
I LOVEEEEE this video! I think it's really neat that you're showing us what you're seeing along w/ your commentary! so relaxing :)
ahh thank you :D
i love the mix of cinematic & casual vlog style for this video! it feels like i can get to know you better as a person through this format ☺️ i know nothing about designing & coding, but i really enjoyed watching your process! it gave me ideas on different ways i can approach the creative activities that i like to do. thanks for sharing! 💛
awwh thank you so much! im so happy you enjoyed it!
🤩🤩🤩
I want to see literally everything you listed, just make it all! I have never seen such aesthetic coding stuff. Love this!
I'm not even joking, this might be my favorite design and code video. It's just so chill and makes me relaxed. I'm learning to code by myself, and it's extremely stressful when I have to get the work done in time.
You made my life less heavy, and now I'm ready to watch other videos from you !
I love your vibe so much, I love seeing productive people it inspires me to get my work done.
thank you so much!!
I'm an artist, but seeing your vlog on coding and designing is making me start learning web designing. 😆
The colours and accents showcase your personality well. I loved the animation of the designs.
Your videos always spark interest in me to learn new things.
Once again, thank you for an amazing video 🌸
wow thank you so much for ur kind words
The minimalist aesthetic IS SOOO WELL DONE!! Like everything flows soo WELLL
awhhh thank youuu! :D
I would love to see a video about how you made your app icons.
will feature this in my next video! and how i use them on my phone :)
your energy is so calm and relaxing, i love it.
I love the way you combine art & system and turn it into aesthetic work. Very inspiring, clean & clear vibe.
Thank you so much!
i want to get more into figma and web design and this is such an inspiration! love your work, maisy! keep going 🤍✨
Also, i would looove to know where your desktop wallpaper is from! looks so calming :)
msg me on instagram and I’ll send it to you! I found it online 🙂
I would love to see more of your videos, especially the cozy working stuff on coding and design. It's so inspiring and comforting.
So satisfying to see the arduous process and present product.
I really enjoyed the video! seeing the thought and effort you put into your design process and coding is a breath of fresh air.
Thank you so much!
I would love to see more of your coding & design video’s!
thank u !
Your Vlog is calm to watch, not boring and it is fun
i really loved the vlog style!!! your cinematic shots are beautiful too so the nice blend was really fun to watch!! been loving your videos so much and keep up the good work :)
awhh thank you!
I'm catching up on all the videos, and wow. They're so good! It's amazing even through the process, you somehow show it in such an artistic way. You have such a relaxing and happy vibe. I don't know much about coding, but it's so cool to see your work come alive. Thank you so much for taking the time to share your hard work with the world. I hope you continue to enjoy yourself and would love to see more. Take care!
thank you so much nathan! this means a lot to me ~ i will keep making more videos and comments like yours keep me going. so thanks :))
This is so beautiful! I absolutely loved it. Your thought process, workflow, everything! Please more 🥺
thank you!! i just released a new video like this in my channel :)
@@maisyleigh definitely checking it out too! Might have to binge your whole channel 😉
I was struggling to choose a career path between design and development but you proved it's possible to do both if you're keen and creative enough
Thank you for the amazing content
3:34 yes! I enjoy them so much! I'm learning so much from you! and the graphics you use, the clips you put up, and your videos in general are blowing me away with how beautiful they are🥺🍃💕
this was so pretty maisy!! at first I thought you might have used a beige background for your website! for the warmer cozy vibe, I took a web design class before for my major but prior to that I didn't have a coding background so trying to learn the basics was a little tougher for me but very fun, you make it all look so seamless and clean 💞
you're genuinely becoming one of my favourite youtube channels . . 😊✨
awwwhhh! thank you so much 🥰
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 ✨🙏🏾
The quality of this video, omggggg. I fell in love
You are like a mature version of the aesthetic teen girls I watch LOL
^___^ hahaha thank you!
This video is perfect for stressed out engineering students. So peaceful.
🍵 so glad to hear that - we need more peace in engineering life!
I'm so happy you uploaded again! I swear, I love your channel! You're doing great. 🤍
Thank you so much!!
as someone who is taking a web design and development course right now, it is insanely cool to watch your design and coding process !
I really enjoyed this design and code video! I would totally watch more of these types of videos (maybe this could become a series?)
thank you! perhaps it WILL be a series!
Thank you,I really enjoyed your video. I’m a graphic designer and I’ve been out of the field for awhile and needed a video like yours to inspire and empower me again to design. Please make this into a series. Keep doing what you’re doing!😃
@@stacygcole5909 thanks so much stacy! im so happy you enjoyed this video and that it inspired you to design again. im making this into a series, stay tuned for episode 2 which should be out VERY soon! :)
the keyboard looks like amazing
This is so satisfying to watch 😭 I know it’s off topic but I would love to see a room decoration video- how you decorate your room, etc! I need some inspo
Your videos are so cozy and inspiring. Please keep doing this kind of content!
I love this new style of video. It’s more relax and I like it.
thank youu :)
omg I wanted to watch your video but I couldn't because I was so stormed due to my assignments but OMG THIS IS SO GOOD AAAAAA
I absolutely love these coding vlogs.!
as an aspiring web developer (and a fellow comfy enthusiast skjdks) I absolutely adore this!
This honestly is so inspiring omg.. the color scheme, your work ethic, the whole web designing and coding process, the fimography ,etc,. everything is so beautiful and inspiring!
you're probably one of my favorite youtubers because your content is soo amazing!
I would absolutely love in case you decide to make another designing and coding vlog!
they bring me so much joy, warmth and inspiration.!!
Thank you so much for making these and inspiring us!
Omg thank you so so much! I’m so happy you find these videos enjoyable. I needed this uplifting comment right now because I’m in the process of deciding whether to make more vlogs, and I’m just really happy you enjoyed it ☺️ I will keep making more! I just released another cozy Vlog which I hope you enjoy as well. Thank you 🥰❤️
@@maisyleigh aahh thank you so much!! I will watch your new vlog!
Thank you so much for making such an amazing content!
Calming and inspiring thank you MaisyLeigh 🙏🏾
I’m learning everything about coding and web development right now. Your whole aesthetic is what I aspire towards 💖.
😍 love it
hehe thanks shantanu ☺️
Arey bhai .... I love your content too man
Incredible! I took a bootcamp on UI/UX and one of the specialization courses was on front-end development. I'd love to one day be able to do what you did! :D My personal coded portfolio is pretty basic at the moment. Gotta keep learning.
I really love your vlogs, especially your voice because it's relaxing and cozy
thank you!
hi! thanks for a wonderful video! i loved the dreamy, romantic vibe of designing and code! I'm a developer who is often caught up on the stressful side of feature deadlines, debugging, and testing. Often my workflow ends up in chaos and feeling like i can't get my goals done. What I learned from you is that slowing down to thoughtfully plan and structure the things about the work before getting the work leads to a more directional and empowering drive of "yeah! i want to do this!" thus potentially leading to a more fulfilling day. and I really enjoyed how I got to learn about you and your personality as you shared with us your day. I feel you are a very warm person!
nice walk thru on the website process, I haven’t integrated using my iPad in my work but it looks like a nice edition to working on a laptop or desk top 💁🏻♂️ if you made a video about how and why you got working in tech and design would be interesting ! We see you programming and designing but don’t know the backstory !?
ill include more of this in my future videos!
Love your aesthetic so much, so proud of the work you put in!!
thank you so much :D
your room aesthetic is so beautiful and bright. I love it so much.
I love your warm voice and the way you made your video, such an awesome motivating video.
Super relaxing to watch, and interesting to see how you work! I've never used Figma but I would be interested in giving it a go soon. I tend to use Indesign for everything design based, even mood boards like the ones you showed, but Figma looks cool! Also, Spirited Away wallpaper 💙
Edit - I'd love to see more design things in the future, as someone who doesn't code at all, combining the two seems so difficult, but maybe you could show us a way into it for beginners? Either way, just keep creating, and we'll keep coming!
Wow thanks Tom for watching! Definitely give Figma a try, it makes it super easy to just design whats in your mind, moodboard, etc. Also has neat layout/component options to make your designs reusable/draggable/snappable/etc. I love that Spirited Away wallpaper so much! And I’d love to show some tips for beginners in the future!
Inspirational video, the website is great and I love the fact that you use your aesthetics 👍
yess! gotta keep it real and ON BRAND :D
I absolutely loved this video! I would love to see more “code with me” episodes 😊
I am getting more involved with front-end and I totally LOVED this video! Thank you so much! Having projects like this is always good to get a bigger picture of what its involved. Hopefully theres more of this to come! (:
Thank you! You have a new subscriber!
amazing video! so cute🥺🤍
aww thank you ! :)
Can you explain how you did the grid system more? And how it helped you code easier?
i'm obsessed !!!! i am a programmer too (student) and i love your aesthetic and how you show us your design process and lifestyle, so unique
Hi maisy, as an aspiring software engineer and graphic designer I find your videos so inspiring and motivating to watch ☺️ ( also your editing and set up is just 🤌🏼✨)
Wow this is inspiring!! Some day I'd love to learn how to code 🔥🔥🔥 would love to see more coding tutorials pls 😍💯👌
coming out with some soon! :)
@@maisyleigh can't wait! love your videos :D
I just posted episode 2! I hope you enjoy it!
I really enjoyed this video. It gave me a more in depth look of what truly goes into building a website. Awesome video!
thank you so much! im glad you enjoyed it :) episode 2 coming out shortly!
I love how your website turned out! So clean but colorful ❤️
thank you so much!!
Hello I came here in 12 minutes 😊
I really like this. do you think we could have a more indepth video that shows and tells us how your creating your front end code
definitely considering it :) i released episode 2 of this series a few weeks ago, i hope you enjoy!
Beautiful website Maisy Leigh! It's so smooth and satisfying seeing the animations and interactive animations. Your video lighting is incredible too. Definitely subbed!
nice video, its so much different and relaxing than other coding and development channels i watch, love it! 💕
Your video, your life, all you give me peace!
So calm and cozy 😌👌
okay i honestly love this style of videos, so amazing to see someone actually doing the coding and design right from scratch. as a computer engineer finding my way through the huge number of fields out there i was so happy to see something on web dev thats real and not something like the two extremes "coding is boring and debugging is frustrating" or "coding makes me feel like a hacker its so cool" this is so comforting and motivating. plus the vid is so calm, i love your vibe! subscribed immediately haha, hoping for more such vids! great job!! gonna go watch some more videos of yours now bye haha
Thanks so much Sasha!! This means the world to me. I’m so happy you enjoyed this video! 🥺💛 I posted episode 2 of this series this week and I hope you enjoy that one too!!
youre one of my favorite youtubers ever
This video was 98% ASMR! And I really enjoyed every single second of it💯💐
im an illustrator, and ive been learning how to code (been wanting to for AGES!! html notes since i was in 6th grade gahh)
i was gifted my first computer on the 20th of august, 2022 and ive been struggling to know what i want to be doing. after pain with python, html and css are so fun!!
and you, my dear, are an inspiration to me. thank you!!
I'm in love with this monitor!
Wow the quality of Videos are just superb!
Loved this !!! ❤️
loved this cozy designing vlog! would love to see more of this!
episode 2 of this series is out! 🙌
I love this type of video, its aesthetic is so comfortable. loved the site and loved the video, looking forward to the next 💖
awwh thank you so much!!
great day with maisy's video today! personally I love seeing makeover video or piece of life video where you share your environment and furniture. it really inspired me and give me ideas on decorating my room into a cozier place. but anyhow, love all the video as long as it's form you ;)
wow thank you!! i'll be making more and more videos soon :)
thank you so much for this!!! this video inspired and motivated mo to start working on my website. i needed this!!!
Love the whole design process. This helps me want to become a front engineer even more
These kinds of videos :) love them
Thanks Maisy for sharing. I like your content and the way you explained your work. Keep it up!
I definetly love the new style of videos!! It makes me very happy when you upload a new video :)
Yay, thank you!
I really enjoy watching your video, it's relaxing and cozy 😍
I love this vlog ! Your website looks so nice !!
Excited for App-Icon Video !! :))
Yesss I am early!!!! I love your video’s aesthetic!!!!! :)
I really loved watching your workflow. Definitely i'm going to be including some of your ideas into my workflow. Thanks for the video!
Your voice is so sweet and quite slow that it slows me down every time again 😍✌🏼
After having earned a business degree a couple years ago, I decided to make a life change and am now studying computer science. I had my first website development class that dealt with learning coding and creating a website. It was challenging but I am so excited to eventually go back to my personal portfolio website and changing it as I learn more and more
Your voice is sooo soothing and calming to the ears. It’s like listening to the narration of TheLovelyBones movie. First time seeing you while talking.lol. I can’t stop wondering where’s that soothing voice coming from. It’s just relaxing watching your vlogs. 😊
So simple and concise, We want more😭!!!!!!
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
EXCELLENT video. Beautiful site!!
Reason why I subscribe to you is coding and designing that I currently learning rn, also I love your desk setup! Keep it up :)
thank u!