watermark logo

11 Views· 15/12/23· How to

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


TechInfo
Subscribers

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
💌 : [email protected]
🛍 : 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

Show more


0 Comments