Intro (0:00)
Looking to stay ahead of the curve with your web design skills? Then check out this video where we dive deep into the latest web design trends for 2023!
From bold typography and color choices to minimalist design and immersive experiences, this video covers everything you need to know to create visually stunning and highly functional websites. Whether you’re a seasoned web design professional or just getting started, our tips and insights will help you succeed in the fast-paced world of web design.
So, what are you waiting for? Watch this video to discover the top web design trends for 2023 and subscribe to our channel for more updates on the latest website trends. And don’t forget to leave a comment letting us know which trends you think will be the most important in the coming years!
Millions of assets. Unlimited downloads. First month 70% off!
https://elements.envato.com/subscribe?coupon_code=elements-70p-firstmonth-lrr6fi&utm_campaign=elements_social_eyt_pSHJr5WlQDg&utm_medium=social&utm_source=YouTube&utm_content=description
WHAT IS ENVATO ELEMENTS?
Envato Elements is a subscription based service that will give you access to more than a million creative assets to that will make you save time, money and general resources. From graphic templates, video stock, royalty-free music tracks and everything in between to enhance your projects. Check it out and sign up today!
1. Neo Brutalism (0:29)
2. AI (2:07)
3. Motion Design (3:34)
4. AR & VR (5:25)
5. Interactive Websites (7:01)
6. In-App Inspired Design (8:30)
7. No-Code Tools (9:59)
8. Experimental Web Design (11:53)
9. Accessibility & Authenticity (12:54)
10. Anticipatory Design (14:38)
🎁 70% OFF FIRST MONTH! Sign up to Envato Elements today: https://elements.envato.com/subscribe?coupon_code=elements-70p-firstmonth-lrr6fi&utm_campaign=elements_social_eyt_pSHJr5WlQDg&utm_medium=social&utm_source=YouTube&utm_content=description
*Applies to the individual monthly plan and only valid for new customers in eligible countries. Coupon automatically applied at the checkout. Expires 30 September 2023
▶▶▶ FEATURED ITEMS:
Collection: https://elements.envato.com/collections/6M3P5YUNWJ?utm_campaign=elements_social_eyt_pSHJr5WlQDg&utm_medium=social&utm_source=YouTube&utm_content=description
Graphic Design Trends 2023: https://www.envato.com/blog/graphic-design-trends/?utm_campaign=envato_social_eyt_pSHJr5WlQDg&utm_medium=social&utm_source=YouTube&utm_content=description
Motion Graphic Trends: https://www.envato.com/blog/motion-graphics-trends/?utm_campaign=envato_social_eyt_pSHJr5WlQDg&utm_medium=social&utm_source=YouTube&utm_content=description
Art Of Animation: https://www.envato.com/blog/art-of-animation/?utm_campaign=envato_social_eyt_pSHJr5WlQDg&utm_medium=social&utm_source=YouTube&utm_content=description
5 Ways To Speed Up Your Web Design: https://www.envato.com/blog/speed-up-your-web-design-project-with-elementor/?utm_campaign=envato_social_eyt_pSHJr5WlQDg&utm_medium=social&utm_source=YouTube&utm_content=description
Top 10 Elementor Template Kits 2020: https://www.envato.com/blog/top-10-elementor-template-kits/?utm_campaign=envato_social_eyt_pSHJr5WlQDg&utm_medium=social&utm_source=YouTube&utm_content=description
How to Kickstart Your Design Career with Jacob Cass: https://www.envato.com/blog/meet-the-experts-jacob-cass/?utm_campaign=envato_social_eyt_pSHJr5WlQDg&utm_medium=social&utm_source=YouTube&utm_content=description
MUSIC
Funk It by Lowtone
https://elements.envato.com/funk-it-FGVELZJ?utm_campaign=elements_social_eyt_pSHJr5WlQDg&utm_medium=social&utm_source=YouTube&utm_content=description
#webdesign #webdesigntrends #designtrends
➜ Subscribe to the Envato YouTube Channel: http://www.youtube.com/user/envato?sub_confirmation=1
source
All featured footage!
1. Neo Brutalism
0:06 – AI Inspired Web Design is INSANE! – Fast Tutorial by DesignCourse
https://www.youtube.com/watch?v=CQt26KNuGdo
0:11 – Wix ADI | Artificial Design Intelligence | The Possibilities Are Endless
https://www.youtube.com/watch?v=nv2yjIpR6IQ
0:15 – K A M U I by Zak Steele-Eklund for Studio VØR
https://dribbble.com/shots/11180781-K-A-M-U-I
0:33 – Bigsoundbuzz on Instagram
https://www.instagram.com/bigsoundbuzz/?hl=en
0:35 – Korean Curiosity: Is Seoul Experiencing a "Neo-Brutalist Revival"?
https://www.archdaily.com/869385/korean-curiosity-is-seoul-experiencing-a-neo-brutalist-revival
0:41 – Figma
https://www.figma.com/about/
0:46 – CC Creative
https://www.cccreative.design/
0:49 – Windows 95 is reborn – in a browser
https://www.techrepublic.com/article/windows-95-is-reborn-in-a-browser/
0:54 – Figma
https://www.figma.com/about/
1:00 – Gumroad
https://gumroad.com/
1:05 – Yale University of Art
https://www.art.yale.edu/
1:08 – Hybrid State of Mind
https://www.hybridstateofmind.com/
2. AI
2:11 – AI-Powered website and UI Builder using OpenAi generated code
https://teleporthq.io/ai-website-builder
2:20 – AI Inspired Web Design is INSANE! – Fast Tutorial by DesignCourse
https://www.youtube.com/watch?v=CQt26KNuGdo
2:28 – Wix ADI | Artificial Design Intelligence | The Possibilities Are Endless
https://www.youtube.com/watch?v=nv2yjIpR6IQ
2:34 – AI Inspired Web Design is INSANE! – Fast Tutorial by DesignCourse
https://www.youtube.com/watch?v=CQt26KNuGdo
2:42 – Wix ADI | Artificial Design Intelligence | The Possibilities Are Endless
https://www.youtube.com/watch?v=nv2yjIpR6IQ
2:54 – Dribble – Ai Design
https://dribbble.com/tags/ai_website
2:57 – Wix ADI | Get a Professional Website Created for You
https://www.youtube.com/watch?v=U1d4B94KMeM
2:59 – AI Inspired Web Design is INSANE! – Fast Tutorial by DesignCourse
https://www.youtube.com/watch?v=CQt26KNuGdo
3:05 – AI-Powered website and UI Builder using OpenAi generated code
https://teleporthq.io/ai-website-builder
3:13 – AI-Powered website and UI Builder using OpenAi generated code
https://teleporthq.io/ai-website-builder
3. Motion Design
3:38 – Banksy's site gallery by Victor Nikitin for Fireart Studio
https://dribbble.com/shots/6555804-Banksy-s-site-gallery
3:44 – D E S T I N A T I O N by Zak Steele-Eklund
https://dribbble.com/shots/6266456-D-E-S-T-I-N-A-T-I-O-N
3:48 – K A M U I by Zak Steele-Eklund for Studio VØR
https://dribbble.com/shots/11180781-K-A-M-U-I
3:59 – Le Petit Salon
https://www.lpslyon.fr/
4:10 – Free Markets Destroy
https://freemarketsdestroy.com/en/
4:19 – Marie Weber
https://www.marieweber.fr/
4:27 – Better Up
https://grow.betterup.com/resources/insights-report-inclusive-leadership
4:38 – Proxy Service Animations by Fireart Studio
https://dribbble.com/Fireart-d/projects/355670-Private-Proxies
4:43 – Banksy Site by Victor Nikitin for Fireart Studio
https://dribbble.com/shots/6458746-Banksy-Site
4. AR & VR
5:32 – Coke AR HD by The Drum
https://www.youtube.com/watch?v=6Ht2Vvr4nio&t=68s
5:35 – Siduri Wines Curved Image Target WebAR Sneak Peek
https://www.youtube.com/watch?v=Ayy0-dA0rnQ
5:38 – Zoo
https://zooaszoo.com/
5:45 – Moon Rider
https://moonrider.xyz/
5:49 – OssoVR
https://www.ossovr.com/
5:53 – Little Workshop
https://showroom.littleworkshop.fr/
6:00 – Sephora Virtual Artist App by MultiVu
https://www.youtube.com/watch?v=NFApcSocFDM
6:10 – Konterball by Google
https://konterball.com/
6:16 – Bear 71 by Jam3 and National Film Board of Canada
https://bear71vr.nfb.ca/
6:20 – Dance Tonite by Google
https://tonite.dance/
6:27 – The Making Of Dance Tonite
https://www.youtube.com/watch?v=9cG675fJlEo
6:33 – Vyking | Virtual Mirror
https://www.vyking.io/
5. Interactive Websites
7:06 – Make me pulse
https://2019.makemepulse.com/
7:10 – Defeat B.O.C.O.
https://www.defeatboco.com/worlds.html
7:20 – Tarot-o-Bot
https://tarotobot.illo.tv/
7:23 – Gucci Off The Grid
https://offthegrid.gucci.com/
7:31 – Salvatore Casalino
https://www.salvatorecasalino.it/interactive-resume/
7:39 – Webflow
https://webflow.com/ix2
7:45 – Rick and Morty
https://www.rickandmorty.com/
7:51 – Make me pulse
https://2019.makemepulse.com/
7:56 – The Cool Club
https://thecoolclub.co/
6. In-App Inspired Design
8:33 – Eferbarn | Neobank dashboard by Oleksandr Plyuto
https://dribbble.com/shots/15166392-Eferbarn-Neobank-dashboard
8:38 – Mobbin
https://mobbin.com/browse/ios/apps
8:41 – LI.FI – website by Oleksandr Plyuto
https://dribbble.com/shots/19748723-LI-FI-website
8:45 – Task Management Web App by Denisa M
https://en.99designs.com.mx/profiles/denisamihaeladesign/designs/808341
8:48 – YouTube
https://www.youtube.com/
8:53 – Nexon | Finance Management – Corporate Cards by Oleksandr Plyuto
https://dribbble.com/shots/15585334-Nexon-Finance-Management-Corporate-Cards
8:56 – Eferbarn | Neobank dashboard by Oleksandr Plyuto
https://dribbble.com/shots/15166392-Eferbarn-Neobank-dashboard
8:59 – Thinklions Home Page Concept by LoudFrog
https://en.99designs.com.mx/profiles/loudfrog/designs/977309
9:05 – Neumorphism | Landing page by Polina S
https://www.behance.net/gallery/96163545/Neumorphism-Landing-page
9:13 – Skyops Website Design and Development by Iconic Graphics
https://en.99designs.com.mx/profiles/iconicgraphics/designs/1520198
9:17 – Online Video On Demand Platform by Grigoris G
https://en.99designs.com.mx/profiles/grigorisg/designs/1099197
9:25 – Animation of Shopping online app, shopping on Website, ecommerce by achirathep
https://elements.envato.com/animation-of-shopping-online-app-shopping-on-websi-K2CYMW2
9:30 – Furniture Order Shop E-Commerce by nicartoon
https://elements.envato.com/furniture-order-shop-e-commerce-LERTXGW
7. No-Code Tools
10:03 – Design and ship your dream site. Zero code, maximum speed by Framer
https://www.youtube.com/watch?v=RskmPTnO5QM&t=2s
10:12 – For the Creator Who Sees the Invisible | Editor X
https://www.youtube.com/watch?v=MWG4aBvhPAg
10:23 – Introducing WordPress 5.0 "Bebo"
https://www.youtube.com/watch?v=72xdCU__XCk
10:29 – Starting a career in no-code | Generation No-Code | Bonus episode – Melissa Mendez & Timothy Ricks by webflow
https://www.youtube.com/watch?v=hYJ2BozKO3A
10:35 – WordPress
https://wordpress.com/
10:39 – Introducing WordPress 5.0 "Bebo"
https://www.youtube.com/watch?v=72xdCU__XCk
10:42 – Introducing WordPress 6.0
https://www.youtube.com/watch?v=oe452WcY7fA
10:54 – Milkshake App | Free Android Website Builder on Google Play!
https://www.youtube.com/watch?v=R2OO7W6ixoA
8. Experimental Web Design
11:57 – Phunk | Art & Design Collective
http://phunkstudio.com/?_ga=2.257373643.1570980099.1676495951-1984028494.1676495951
12:03 – PW Magazine
https://pw-magazine.com/home
12:08 – Timesheets Magazine
https://toggl.com/timesheets-magazine-berlin/index?_ga=2.18167417.1570980099.1676495951-1984028494.1676495951
12:14 – Studio Push
https://studio-push.com/?_ga=2.246273476.1570980099.1676495951-1984028494.1676495951
12:16 – Shop App
https://shop.app/
9. Accessibility & Authenticity
12:58 – 1% for the planet
https://onepercentfortheplanet.org/
13:01 – Partake Foods
https://partakefoods.com/
13:15 – Built By Silo
https://builtbysilo.com/
13:36 – Djerfavenue on Instagram
https://www.instagram.com/p/CokULbWtvs6/
13:41 – Djerfavenue on Instagram
https://www.instagram.com/p/CoiK49Rtvj2/
13:45 – Il Makiage
https://www.ilmakiage.com/au/212-45004-hypnotize-1501
13:51 – Nike FC Immersive Matildas Sydney Experience
https://www.nike.com/au/experiences/series/11932
10. Anticipatory Design
10:43 – What Is Anticipatory Design, and How Do You Use It?
https://designshack.net/articles/ux-design/what-is-anticipatory-design/
10:46 – How to add product features without making it more complex
https://uxdesign.cc/default-valid-vs-default-invalid-641570ae2fec
10:49 – What You Need To Know About Anticipatory Design
https://www.smashingmagazine.com/2015/09/anticipatory-design/
14:43 – The problem with abundance
https://uxdesign.cc/the-problem-with-abundance-bcb3bf9d96f4
15:00 – Netflix Design by WeAreNetflix
https://www.youtube.com/watch?v=jfqQITaj9PQ
15:10 – What Is Anticipatory Design, and How Do You Use It?
https://designshack.net/articles/ux-design/what-is-anticipatory-design/
15:16 – Spotify Time Capsule
https://timecapsule.spotify.com/
15:22 – Google Maps' new directions point you to the ‘cleanest’ route
https://mashable.com/article/google-maps-eco-routes-directions-layout
15:29 – Your Location Data in Google Maps
https://www.youtube.com/watch?v=gwYIwyIebqg
nice
yellow press
As an internet user I hate it when a website has to many animation effects. It feels like a headache.
somewhere 3:38 you mentioned animated courses? what do you mean exactly?
Thank you 👍