Making a hot sauce website using Relume & Webflow
And other lessons from other tools...
Hey curious online folks,
Here’s what we'll cover today:
1) Making a hot sauce website using Relume & Webflow
2) Making a virtual dream studio with Mael Ruffini
3) 5 Lessons learning Blender
4) How to make a 3D website collaboration with Flux!
Let’s go!
Making a hot sauce website using Relume & Webflow
After attending a hot sauce workshop with maestro Ricky, at Easton Chilli, it inspired me to make my own fictitious hot sauce company:
FatJack’s Hot Sauce
Debut flavour? Blood Orange hot sauce.
If interested, here’s the workflow I followed:
• Created a 3D model which I based the idea around
• Generated a sitemap in one click, created and refined wireframes, built visual concepts using the style guide all in Relume
• Exported to Webflow to bring the site to life
Normally, I export from Relume to Figma but I actually loved the final design so just went directly to Webflow.
There’s something magic about clicking export and then bam, the website is there with animations and mobile optimised.
Personally, I think it’s a great way to explore concepts, test ideas, and move faster in early-stage projects.
Relume have kindly offered a 7-day free trial for you dear reader so have a gander here!
Making a virtual dream studio with Mael Ruffini
I recently started collaborating with the very talented Mael Ruffini, he’s in Paris, I’m in Bristol, and while we’d love to share a physical studio someday, we decided to build a digital one first.
So we created an interactive 3D website that lets you step inside a virtual Rhumb Studio. Think exposed wood, art on the walls, great sound system, and a space you can actually look around using your head — not just your mouse.
After seeing a project built with MediaPipe and Three.js by Ian Curtis, we decided to create our own interactive 3D website — something playful that lets you actually feel inside the space.
If super keen, we went in to how it was all built here!
Make A 3D Website (Spline and Webflow Crash Course)
If you’re subscribed to this, you probably want to know about 3D digital websites like this one:
As you know, I love Spline tool.
So when Flux Academy approached me to create a video sharing a how to make one, I couldn’t resist!
Everything is now filmed and will soon be edited so excited to share that when that happens.
Here are 5 lessons learning Blender so far
I use Spline as I just said.
But recently, I got client feedback saying that they wanted it to be “more realistic,” and I found it hard to do that without changing tools.
So, alas, I started learning Blender.
Here are 5 lessons learnt so far
Here’s the first thing I made:
You can see some problems off the bat.
There are jagged edges around the speaker.
The material of the sphere at the top is creating this weird shiny bit
So, first lesson:
1) Blender shortcuts are vital
When I was doing this speaker, you have no idea how long it took me to find stuff. There’s all sorts of useful things buried in long menus.
Check out this cheatsheet from Blender Guru
2) Modelling first completely before textures and lighting
I got in a right pickle trying to edit the speaker after noticing something wrong and going back and changing things which messed up the textures.
Just get the model right is what I would say…
3) Geometry Nodes
Geometry nodes are very confusing to begin with. BUT, I would say that once you get the concept of layers just like photoshop affecting the underlying layers, things get easier.
4) Lighting
This tutorial is class.
It can COMPLETELY affect your scene and I spent way too much time learning modelling and not enough time learning lighting at the start.
5) Rendering
Change the sample size of your render or it will take you hours to export your renders….
This tutorial is class
That’s a wrap people!
Final thought…
Someone who is WAY more talented than me messaged saying he was struggling to get work.
I asked him what he was currently working on.
He repeated he had no clients so nothing.
He answered his own question!
Do people want to enter an empty nightclub?!
Do people want to go to a festival that none of their friends are going to?!
Do clients want to work with someone that’s not busy?!
No.
Do self initiated projects.
Share, share, share.
Show the work you want to get paid for.
And you will be employed.
Ok, rant over.
Have a lush week lads and ladettes,
Jackson xx