Learn to design high end websites with our Web Design Pro course – https://bit.ly/3WaPu9D
In this video I’ll introduce you to ten tried and true layout concepts that are widely used in the industry to make websites more engaging, appealing and user friendly. So let’s dive in and discover ten layout concepts that every web designer should know.
📽️ CHAPTERS
00:00 – Intro
00:36 – Oversized grid
02:01 – Layers
04:19 – Huge type
06:11 – Macro images
09:48 – Vertical alignment
11:08 – Inline images
12:35 – Solid borders
14:12 – Full screen video
16:15 – Clear space
17:47 – Radial alignment
💻 Websites featured:
https://bien-joue.ca/fr/
https://join.cosmos.so/
https://www.davidwilliambaum.com
https://www.filayyyy.com/
https://www.getrepeat.io/
https://www.swoosh.nike/
https://aawum.com/
https://womena.com/
https://drivecapital.com/
https://www.rolex.com/watches/day-date
https://teenage.engineering/
https://www.vacation.inc/
https://sikhahaircare.com/en/
https://www.eatocco.com/
https://bowndsranches.com/
https://www.newformcap.com/
https://www.foundrspace.com/
https://www.getrepeat.io/company
https://www.hardinscreek.com/ also viewport alignment
https://gumroad.com/
https://www.dsanddurga.com/products/big-sur-after-rain-candle
https://www.mclaren.com/
https://www.fielddaysound.tv/ with interaction
https://atck.fr/ also viewport size and borders: https://atck.fr/about/
https://www.skydweller.aero/
https://optinet.co.uk/
https://www.56k.cloud/
https://prespa.s.nomatter.dev/
https://www.stryds.com/
https://en.manayerbamate.com/
📱 Find us on SOCIAL MEDIA
Flux Academy’s Instagram 👉 https://www.instagram.com/flux.academy/
Matt’s Instagram 👉 https://www.instagram.com/mattbrunton…
Matt’s Youtube Channel 👉 https://www.youtube.com/c/MattBruntonUK
#webdesign #webdevelopment #freelancewebdesigner #freelancedesigner
source
I extremely like the video, man. Very helpful and informative. Thank you very much. It is presented so well too. Great, positive work.
As a UX Designer, some of these are beautiful but not at all user friendly. Some of them can be I overwhelming. For example, I couldn’t figure out what the main CTA would be
If you are a digital marketer designimg a porfolio websiye for your self, what color pallet will you use
Thanks for this video. Excellent ideas!!!
Many of these are too busy, no white space. Too much emphasis on design as opposed to focused communication. And it's not that breathtaking
Masterful overview.
Free Free Palestine
These are really cool and creative examples, but I can see a UX designer or Marketing leadership tearing these apart. Where is the line drawn between creative vs user experience/accessibility/responsiveness?
Great presentation for ideas, which I"m always looking for. My only concern is that, often, the most design-oriented layouts are not that user friendly.
This is helpful for sure
Just one thing can we create the scrolling effect like the first website in webflow without any code
Hope this one helps you try some different things. ✌