5 AMAZING FOOD WEBSITES | Web Design Inspiration
Вставка
- Опубліковано 30 тра 2024
- Let's explore 5 deliciously well-designed food-related websites.
Exploring these websites really gives you a sense of the impact that high-end web design can have on your brand's perceived value. Web design makes a MASSIVE DIFFERENCE. Watch the video to see for yourself.
Enjoy these 5 food websites. Extract all kinds of inspiration and go nail it out there!
By the way, which industry should we do next? Let us know in the comments!
Need more inspiration? Feel free to check out this awesome blog post we wrote compiling the top 12 best websites for web design inspiration: bit.ly/2VlGLUU
Timestamps:
00:00 Intro
00:40 discoveredfoods.com
2:32 delassus.com/en
4:10 madies.mx
5:50 luccianos.net/en/
7:38 rozebunker.nl
Mentioned:
www.discoveredfoods.com/
delassus.com/en/
www.madies.mx/
luccianos.net/en/
rozebunker.nl/
-
Learn how to build custom websites with Webflow FAST:
bit.ly/WebflowWebclass2020
-
Find me on other social media platforms:
Instagram: / ransegall
Twitter: / ransegall
LinkedIn: / ran-segal. .
-
Gear & Book Recommendations: bit.ly/2ohFOuj
#webdesigninspiration #foodwebdesign #foodwebsites #bestwebsites #bestwebsitedesign #bestwebsitesintheworld
Thanks for watching the video!
Thank you again for another great video!
Just one thing for the second website: it's not paper folding, it's 3D rendered. The paperfold is only a texture added to it.
Hah, I built the Roze Bunker website, very cool to see it featured here. This was a project where both the designer and the owner of the company were 100% in sync and just had a lot of fun while creating the brand. And the drinks taste great!
Wow it's so cool to see the last design and your thoughts on Dutch design work. I am a junior designer from the netherlands so it's very interesting to see your opinion on Dutch design!
All these highly animated amazing websites - the first thing I'm asking myself is how effectively do they work on MOBILE... all designers should be considering this as they take inspiration. Thanks for providing the links so we can explore but I think it's worth mentioning in the video how seamlessly good design responds to the the device(s).
Last one is really unique design.. I haven't seen such kind of design.. Totally different from modern design. Nice work..
First! 😆thank you for the great content
Thanks for watching!
Always thanks for the cool video!!
I loved all the animations in luccianos and madies
Hi, its really amazing that you bring these amazing websites for us. Since you asked which industry to cover next, can you please do commercial & residential real estate?
The last one was the best on the list. Respect and Love from India
Super like, thanks for sharing!
The delassus one is actually low poly 3D work. But I can see how that handcrafted thing also works well.
I need a tutorial that blew my mind
Very very really really Inspirational
Thank for ur research
NO. 2 is Illustrator origami. Cool! I have found though since 6FF that even the wineries and higher end restos don't want all the fancy interactions so much but I guess some do. 🤔
Very cool examples of well thought out Websites. I was wondering, could you please cover Medical or Pharmaceutical brands?
REALLY REALLY, VERY VERY, SUPER SUPER!! 😉 Cool sites, never the less.
My favorite was Lucciano's! SO AMAZING!
👌 ✨
Lucciano's....what an amazing web desiign...!!!!
Love the webgl and svg animations. Does webflow have a plugin for webgl?
Lucciano's is a great example of what you can achieve with micro-interactions.
they all look very amazing
on Delassus' website .. I would love to know the technique to import 3D models or objects into a website (Does WebFlow use 3JS?)
Awesome sites but do you think the second site makes a mistake in not showing photos of the actual product anywhere on the site?
Can we create these with the help of webflow or do we need to use something else?
You should cover gardening. I'm curious if you could find any amazing examples there
Very nice review!!! 👌 It would be interesting websites for dental care or other specialty areas of medicine.
Great suggestion! 🙏
Delassus was my favorite! Looked like a disney movie!
Great content! Can you make a best B2B only website video. How B2B must be optimized
For your next review I have a suggestion.
I work in the pharmaceutical industry as a first tiered supplier. Pharma web sites are boring. They are highly regulated companies and trade in our health. So it tends to start away from flashy website or to many web gimmicks
It’s easy to do fashion or food or retail pharma products. What about something that needs to work within stereotypes.
Andrew
Agree! Law, building, medical - these are tough industries to design for because they don't like creative risk
@@nica6720 its like these web techniques are gimics or tools to persuade peoples opinions and the subject material should stand by itself on its own merits.
great content
Those weren't photoshoots of paper models. It's low poly 3D modeling.
That's exactly what I am going to say
Thank you, how exactly do you create this?
I love this art style
@@Poohbify Low-poly just means fewer polygons. Low-poly models are just simpler versions of regular 3D models.
You need a 3D software, I would recommend blender since it's free but you need to have Adobe AE as well and it comes with a 3D software called cinema 4D, so you can just use that, it's a lite version, it's enough for what you want to do but it can't do much, so choose what you need.
First familiarise yourself with the 3D software you chose, understand how to navigate and use it, there's a bit of a learning curve but there's plenty of tutorials on UA-cam. Then start by learning how to model, then learn how to model low-poly, then learn to texture and light what you've modelled. Then you animate and render those out.
Integrating the models and animations with a website is tricky, this is where you need AE and a plugin for it called lottie. There's tutorials on that on the official webflow channel.
Good luck!
Yes they were. You can see the case study for this on the agency that made it, and it has BTS shots of their paper models. That said, they may still have used some low poly too.
In a way it's both. They used real life object photography for the final results to give it a life-like feel but the papercraft requires a low-poly 3D model to create the design that can be printed out onto folding paper. There's really cool software that lets you turn any 3D model with sufficiently low poly counts into a cut-out template, calculating all the seams and tabs to connect together with glue.
Amazing sites 👍💙
🙌
Are they all made with Webflow or some other page builder?
😄😄😄😄
None of them are made with Webflow..The last one is Wordpress..the others are just normal coding as far as I can tell
Use the "Wappalyzer" Chrome-Extension to check
right...that's where my response came from
recipes and recipe content - grocergy e-com!
Are these made with webflow?
First comment
I want to see the performance in Lighthouse....
These were really 🆒
😎
The websites really do look cool. I visited them and there are some interactions I could not see on such a small viewport. Do you feel websites should be responsive?
For sure!
3rd comment
2:23 that's just straight ripping off TheFutur's aesthetic. But hey, it works.
all website have set high benchmarks for food industries
How much is it cost to build this kind of site?
delassus loading time :
:')
Bad idea to watch this when I haven't had lunch yet...................
Crunchy fruit snake
I need to go buy a t-bone now...
😅
Forniture next
You should cover the cannabis industry
did anyone else hear "crunchy fruit snake"?
👋🏽I'm just learning html and css 😔😔i don't have anyone to ask or help me..in the start it was easy but when i got deeper i rly wanna ask questions 😔😔 can anyone help me pls
look for facebook groups and other communities online like code newbie.
I feel weak.. :)
Hi, could you do education? it is hard to see nice education site. They are always boring.
education technology
That's low poly dang do u know what u sayin bruh
Lmao
Don't know how I bumped onto this. Anyway Awesome video 🥇. I also watched those rather similar from MStarTutorials and kinda wonder how you guys make these vids. MStar Tutorials also had amazing information about similiar things on his vids.
4/5000
To a website ,thinks
Oh yeah. Do you love me? 😍💋 💝💖❤️