New portfolio finally live! ๐ฅณ
I went for a completely different style this time, and I absolutely love the result ๐
Let me know your thoughts in the comments ๐๐ป
NEW
@framer
template drop! ๐ฅณ
Introducing coachy, a template tailored specifically for coaches.
I'm giving it away for FREE for the next 24h!
Just like this post and comment โcoachyโ and Iโll send it to you.
(must be following so I can DM)
For the very first time, I'm currently not available to take on new projects ๐ฅณ
I started freelancing in January with:
- No prior design experience
- No university degree
- No connections
- No audience
The first half of the year was extremely tough as I barely had any work.
Excited to launch my new
@framer
SaaS template: CloudCraft! ๐
18 ready-to-use pages & 3 CMS collections to launch your SaaS fast and easily.
๐ Giveaway: Comment โCloudCraftโ below, and tomorrow I'll pick one lucky winner!
Good luck ๐
NEW
@framer
landing page template! ๐ฅณ
And I'm giving it away for FREE for the next 24 hours!
Just like this post and comment โcoursyโ, and Iโll send it to you.
(must be following so I can DM)
Preview link in the comments ๐๐ป
Together with
@davidkalmn
I've been silently working on my biggest
@framer
template yet.
The niche is SaaS (how creative, I know) and features 18 pages and 3 CMS collections.
Dropping tomorrow on clicks(.)supply!
P.S. Watch out for the giveaway ๐
Confused about how to hand off a
@framer
site to a client?
I wrote a quick guide sharing the best workflow I've used with real-world clients.
Link in the comments if you want to check it out! ๐๐ป
It's finally live! ๐ฅณ
I'm excited to let you know that my complete guide to SEO in Framer is finally available on clicks(.)supply!
It covers the bigger SEO picture, how Framer plays a role in it, common mistakes, and best practices to follow.
Link in the comments ๐๐ป
๐จย Itโs finally live! ๐จ
After months of work, Iโm super excited to announce that clicks(.)supply is officially live!
The library currently features:
- 11 free resources
- 22 guides and tutorials
- 7 templates (2 of which are completely FREE!)
New resources coming each week ๐ฏ
Launch your
@framer
website like a Pro. Every time. ๐
Get your hands on this exclusive 72-point checklist for crafting world-class Framer websites.
From design to SEO optimization, you'll never miss a detail ever again.
Grab it here for FREE ๐๐ป
How to delete
@framer
projects:
1. Create a new workspace
2. Move all your unused projects to that workspace
3. Delete the workspace
Thank me later ๐
Do you want to learn how to launch a
@framer
website like a pro? ๐
Iโve just finished putting together a 72-point checklist with everything you need to check before launching a Framer website.
The checklist covers:
- Design & Functionality
- Content
- SEO
- Accessibility
-
The
@framer
SEO checklist is finally live! ๐ฅณ
You can grab it for FREE using the link in the description.
(As the checklist covers some advanced concepts, I've also recorded a video walkthrough you can find on my YT channel)
Hope you'll enjoy it! โค๏ธ
One month ago, I moved all my
@framer
content to a brand-new domain.
No authority.
No links.
No historical data.
Today, we are back at the top of Google.
My first (and probably last) logo design for my new website.
Special thanks to
@itsnotnabeel
for helping me with it.
Don't be too harsh on a complete beginner ๐
A couple of months ago, I created this collapsible sidebar in
@framer
for my portfolio.
I also used advanced logic to make it remember the state (closed/open) as you navigate through the website.
Like + Comment if I should drop this for FREE.
Imagine having 5 different
@framer
experts sharing their best tips to get accepted into the Framer Expert Program.
Well, Iโve spent the last two weeks putting together a complete guide on how to become a Framer Expert filled with pro tips coming from:
-
@kyetbedford
-
Do you use FAQ accordions for your
@framer
projects?
Because if you do, you need to know about this.
Due to how components work, the traditional way of making a FAQ item will prevent Google from being able to crawl your answer.
In other words, Google will only see a bunch of
8 ideas to help you make money with
@framer
๐ฐ
1. Freelancing
2. Start an agency
3. Sell templates
4. Become a Framer partner
5. Offer mentoring calls
6. Sell a course
7. Create educational material (ads + affiliate links + sponsorships)
8. Develop a product around Framer (e.g.
Introducing my latest
@framer
template: Fotografia ๐ธ
A premium and sophisticated template designed specifically for photographers.
Those subscribed to the newsletter already got their free copy, but I'm also going to give you a small gift ๐
Check the first comment ๐๐ป
Calling out
@framer
templates creators ๐จ
What's your take on this?
Is it better to create templates for popular categories (e.g., portfolio, SaaS) or focus on smaller niches (e.g., podcasts, restaurants)? ๐ค
I recently helped a client struggling with speed performance for their
@framer
website.
All the basics were already covered, and I couldn't touch third-party integrations or animations.
So, here are some advanced techniques I used to improve load speed without changing anything
Just published my first ever YouTube video ๐ฅณ
It's a quick tutorial on how to create a pricing table with monthly/annual toggle in
@framer
with no code!
Link in the comments if you want to check it out โค๏ธ
Best way to learn
@framer
:
โย โ Spend hours on YouTube watching tutorials
โ ย โ Get a basic understanding of the platform and then try to recreate websites you like
๐จ
@framer
template giveaway ๐จ
I'm changing direction with clicks(.)supply and want to give away my old templates for FREE instead of just deleting them!
Pick one from the list below, comment its name, and Iโll DM you the remix link.
(Must be following for me to DM)
Gotta love
@contra
โค๏ธ
You don't pay any commission
AND
you literally get paid for handling projects through the platform.
What a crazy world we live in!
You asked for it, so here it is ๐ฅณ
I've just published a guide on how to correctly preload the LCP image in
@framer
.
I've laid out a step-by-step process you can use to identify and correctly set up the override.
Link in the comments ๐๐ป
As promised, Iโve created a FREE
@framer
portfolio template to thank you all for the support โค๏ธ
Introducing Artistry, a sophisticated, bold, dark, personal portfolio template purposefully created for designers, freelancers and creatives.
Live Demo โ
Technical SEO is a waste of time for 90% of
@framer
websites.
So, what should you focus on instead?
This:
- doing keyword research
- creating content
- building backlinks
That's it.
I promise you this is everything you need to rank in 90% of the niches out there.
Why is everybody gatekeeping numbers from the new
@framer
marketplace?
What are you hiding?
Here's my numbers from the three templates I have on there:
๐ New Framer Crash Course!
I just published a YouTube video where I guide you step-by-step in creating my most remixed
@framer
template
Currently the 3rd most popular on the new marketplace!
Link in the description ๐๐ป
๐จ
@framer
Components Crash Course Now Live! ๐จ
Master all the basics of components, including:
1. States
2. Variables
3. Variants
4. Interactions
Check it out and start building!
Link in the comments ๐๐ป
8 ideas to help you make money with
@framer
: ๐ฐ
1. Freelancing
2. Start an agency
3. Sell templates
4. Become a Framer partner
5. Offer mentoring calls
6. Sell a course
7. Create a blog (ads + affiliate links + sponsorships)
8. Build a product around Framer (e.g.
@FramerAuth
,
Schema markup in
@framer
๐
I just published a YouTube video explaining schema markup, how it can help with SEO, and how to implement it in Framer.
Link in the description ๐๐ป
I just finished doing an SEO audit for a
@framer
website.
The site had around 200ish pages divided into four languages.
Here are the three main SEO errors that were holding it back and how you can avoid them:
1. Duplicate content
By far the biggest mistake I spotted was the
๐จ Attention
@framer
developers! ๐จ
Overlays may be affecting your SEO!
I know it sounds crazy, but let me explain.
Due to how they are rendered,
(and how search engine crawlers work)
all the content (and links) you put on them will NOT get discovered by Google.
And if
It's live! ๐
As promised, I've just published on my website the collapsible sidebar override that remembers its state (closed/open) as you change page.
I've also included a free guide on how to properly set it up.
Link in the comments ๐๐ป
.
@framer
pricing explained ๐ท๏ธ
Since my blog article on the topic is one of the most viewed on a monthly basis, I thought I might as well record a video on it.
Hope you'll like it ๐
Link in the comments ๐๐ป
One lesson I learned recently:
Do not conflate urgency with importance.
I've been really busy lately with client work that I *mistakenly* stopped:
- Posting on Twitter/LinkedIn
- Recording YT videos
- Reading/learning
Forgetting that these are the actions that took me where I
Complete redesign ๐ฏ
I'm slowly moving all my
@framer
resources to a new website, and since the style will be different, I have to redesign all the visuals.
Here's a little preview:
let me know what you think ๐๐ป
Do you know how to create a custom search bar in
@framer
?
If you don't, I've just published a video on exactly that ๐
Link in the comments if you want to check it out ๐๐ป
Just published a tutorial on how to implement schema markup in
@framer
It covers:
โ What is schema markup
โ Does it ACTUALLY help with SEO?
โ Different types
โ How to implement it in Framer
โ How to implement it for CMS collections
Link in the comments ๐๐ป
Just found a picture of the very first website I ever designed ๐
This was when I first got into web design/dev
Can you guess how long ago this was?
Just one year.
Now I design, build, and drive traffic to websites for a living.
Crazy how much progress you can make in so
One of the best decisions I made recently was to build a client management dashboard.
Before:
- I kept everything in mind
- I took notes on unorganised block notes
- I would forget about things
- I didn't know how to prioritise tasks
Now:
- I'm always on top of everything.
- I
6 months ago I had a one-page portfolio.
Now my website has 60+ pages.
Your portfolio will naturally evolve with time.
Don't wait for it to be perfect before getting online.
Best way to learn
@framer
:
โย โ Spend hours on YouTube watching tutorials.
โ ย โ Get a basic understanding of the platform and then try to recreate websites you like.
My first
@squarespace
website ๐ฅณ
For the first day of my 7-day challenge to learn the tool, I spent the morning watching a crash course and built a VERY BASIC first site.
Here's the final result ๐
Are you a
@framer
designer or a
@framer
developer?
Let the world know with this simple yet beautiful toggle made in Framer.
Remix it for FREE using the link in the comments ๐๐ป
(Inspired by
@RalconStudio
's yesterday tweet ๐)
@krealdesign
You just gotta have 10 clients paying you 8k per month to make 1m/yr as a solo designer.
Oh and btw I reveal all my clients acquisitions tactics in my course, link in the description.
๐คก
๐จ GIVEAWAY ALERT ๐จ
To celebrate hitting 1k followers, Iโm giving away 2 all-access passes to all my
@framer
templates! ๐ฅณ
How to enter:
- Like & comment ๐๐ปโโ๏ธ on this tweet
OR
- Sign up for my newsletter (link below)
You can do both to double your chances! ๐
One winner
New quality of life update from the
@framer
team ๐คฉ
I was all set to release a tutorial on the fastest way to fix the nested links optimization warning in Framer.
But then, I spotted a new error message while working on a project:
Framer now prevents setting nested links,
I spend multiple hours daily in the
@framer
community,
And one of the most common issues is...
"How do I solve the nested links optimisation warning?"
Fixing it is easy.
It's finding where the layers are in a complex project that's hard.
Luckily, I've come up with a strategy
After spending way too much time on this one, I've just published a list of 16 of the best
@framer
websites out there.
Check it out here ๐๐ป
Hope you find some good inspiration ๐
I recently collaborated with
@hxmzaehsan
to help him speed up background(.)supply.
The website was content-heavy, and we certainly couldn't compromise on image quality.
Yet we managed to get a 90+ performance score.
Here are the three techniques we used:
I want to record a new YT video this weekend.
Anything you would want me to cover?
- Framer?
- SEO?
- Freelancing?
Comment your idea, and I'll pick the most popular (or exciting) one ๐๐ป
Alright... It's finally here! ๐
Introducing Rivista - a modern and versatile
@framer
template tailored specifically for online magazines and large blogs.
Get it at half the price for the first 24 hours using code RIVISTA
๐ Preview it here:
๐ Get it
My free
@framer
portfolio template just hit 20k views & 4k conversions on the new marketplace ๐ฅณ
And I couldn't be happier with all the positive feedback I received โค๏ธ
I'll work on a new portfolio template for you all soon!
In the meantime, remix this one for free below๐๐ป
FREE social share buttons for
@framer
! ๐ฅณ
Share any page on:
- Facebook
- Twitter
- LinkedIn
- WhatsApp
- Email
- Copy to clipboard
Grab them below ๐๐ป
In the past four months, I created:
1. 9 free
@framer
resources
2. 15 guides about Framer
3. 30.000+ words worth of content related to Framer
Yet, I didn't manage to get featured in any resource directory related to Framer ๐ค
I guess I just need to work harder ๐คท๐ผโโ๏ธ
I'm moving to Squarespace!
I want to challenge myself to learn it in 7 days - and document the whole journey with you.
The goal: recreate Squarespace's homepage.
Will I be able to?
Let's find out!
(I'm obviously not moving away from Framer, I just want to challenge myself
I've been really struggling to keep up with content creation lately.
So many things to do,
So little time.
But,
I'm not going to give up that easily.
New YT video coming tomorrow