From Logo to Web Design Creating a Neo Brutalist Website for a Past Client
Ready to design, iterate, and publish all in one tool?
Start creating for free at https://framer.link/MohamedAchraf , and use my code MOHAMED to unlock a free month of Framer Pro.
______
Follow me:
Instagram: https://www.instagram.com/medach89/
Facebook: https://www.facebook.com/MedAchmed/
Behance:
https://www.behance.net/MohamedAchraf?
______
For Business Inquiry, Email me:
mohamed.achraf.yt@gmail.com
In my previous video, I designed the full brand identity for Potted Pals, a fun plant shop brand I created for my friend Slim.
This time, we’re taking it a step further by bringing that identity to life on the web.
In this episode, I’m designing a Neo-Brutalist website homepage for Potted Pals using Framer’s new Design Pages feature.
What makes this tool amazing is that it lets you design freely on a blank canvas, just like you would in Illustrator or Figma, but with the ability to turn your design into a real, functional website with a single click.
Here’s the full process I show in the video 👇
🌱 I start from a blank Design Page and build the homepage layout completely freeform.
🎨 I use bold shapes, thick borders, and Potted Pals’ signature green tones to give it that Neo-Brutalist character.
🧩 Once the layout is done, I instantly convert it into an actual website with one click.
✨ Finally, I show how to make a button interactive by turning it into a reusable component, adding hover and pressed states to make it feel alive.
The result is a simple but powerful workflow: from concept to interactive website, all inside Framer.
🎯 What you’ll learn in this video:
How to design freeform layouts in Framer Design Pages
How to turn your design into a live website instantly
How to create and customize interactive components
Why Framer can replace multiple design and web tools in your workflow
Start creating for free at https://framer.link/MohamedAchraf , and use my code MOHAMED to unlock a free month of Framer Pro.
______
Follow me:
Instagram: https://www.instagram.com/medach89/
Facebook: https://www.facebook.com/MedAchmed/
Behance:
https://www.behance.net/MohamedAchraf?
______
For Business Inquiry, Email me:
mohamed.achraf.yt@gmail.com
In my previous video, I designed the full brand identity for Potted Pals, a fun plant shop brand I created for my friend Slim.
This time, we’re taking it a step further by bringing that identity to life on the web.
In this episode, I’m designing a Neo-Brutalist website homepage for Potted Pals using Framer’s new Design Pages feature.
What makes this tool amazing is that it lets you design freely on a blank canvas, just like you would in Illustrator or Figma, but with the ability to turn your design into a real, functional website with a single click.
Here’s the full process I show in the video 👇
🌱 I start from a blank Design Page and build the homepage layout completely freeform.
🎨 I use bold shapes, thick borders, and Potted Pals’ signature green tones to give it that Neo-Brutalist character.
🧩 Once the layout is done, I instantly convert it into an actual website with one click.
✨ Finally, I show how to make a button interactive by turning it into a reusable component, adding hover and pressed states to make it feel alive.
The result is a simple but powerful workflow: from concept to interactive website, all inside Framer.
🎯 What you’ll learn in this video:
How to design freeform layouts in Framer Design Pages
How to turn your design into a live website instantly
How to create and customize interactive components
Why Framer can replace multiple design and web tools in your workflow