Modern Web Design Workflow: How I Build Responsive Websites 10x Faster

Modern Web Design Workflow: How I Build Responsive Websites 10x Faster

yobi321 229K subscribers
36.8K views · 2026-01-16 Interaction & UXUI Design
In this video, I’ll show you how to build responsive websites faster, using a workflow that starts responsive, stays flexible, and scales easily with Wix Studio.

Timestamps:
00:00 Intro
00:27 Trends
00:48 Responsive design basics
01:29 Start with a template
03:27 Breakpoints
05:12 Responsive Component
08:39 Modern interactions
10:44 Responsive AI
12:44 Preview and publish
13:14 Final thoughts

Please subscribe, like and comment to support my channel, so I can keep creating content for you. 💕

-- --
ABOUT ME
I'm a UX Designer based in the San Francisco bay area. I am passionate about helping people break into tech and grow. Let's connect!

-- --
CONNECT & LEARN
Coaching: https://www.shujdesign.com/coaching
Helpful resources: https://www.shujdesign.com/resources
Instagram: https://instagram.com/yobi321

-- --
OTHER UX VIDEOS:
How to get into UX: https://youtu.be/GK884zYcMhg
How to Nail Your UX Resume: https://youtu.be/77Pzjg0VKH4
5 tips for creating a UX design portfolio: https://youtu.be/iF-X8ZjALbQ
Top AI Tools for Designers: https://youtu.be/inXy99aSL2M
3 Tips of Mastering AI for UX Designers: https://youtu.be/CoQMFkDvr_c
How to Prepare for a UX job interview: https://youtu.be/WL_jQ80vaMU
How to prep for whiteboard challenges: https://youtu.be/eTTSCl6Va6U
3 things to avoid at portfolio presentations: https://youtu.be/4KarOtBnT94
UX Portfolio Review Series: https://youtube.com/playlist?list=PLsl_PBkaw3sgDWvp-INAYPDkQ-knvSEPG

Disclaimer: This video is sponsored by Wix. Some of the links are affiliated. My opinions are my own and they do not represent my employer in any way.

#ux #ai #responsivedesign #webdevelopment #uxui #uxdesign #uxdesigner #freelancedesigner #userexperience #productdesign #productdesigner #interactiondesign #interactiondesigner #webdesign #wixstudio