John | Design-focus Websites 📂
@johnny_lam_
Followers
1,908
Following
1,325
Media
471
Statuses
5,030
Senior UIUX designer at SaaS agencies | now I build design-focus websites for digital entrepreneurs with
Get your website now →
Joined June 2022
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
Macron
• 519268 Tweets
Pakistan
• 469981 Tweets
#INDvsPAK
• 360024 Tweets
La France
• 262979 Tweets
Xbox
• 250007 Tweets
Bardella
• 202688 Tweets
Le RN
• 163566 Tweets
Bumrah
• 149611 Tweets
Le Pen
• 140389 Tweets
Doom
• 117465 Tweets
Francia
• 113529 Tweets
Sumar
• 93469 Tweets
El PP
• 91383 Tweets
Ferrari
• 82726 Tweets
Lewis
• 82599 Tweets
Russell
• 77230 Tweets
Gears
• 67997 Tweets
Mimi
• 61892 Tweets
Verstappen
• 61022 Tweets
#t20USA
• 58433 Tweets
Alvise
• 57447 Tweets
Lando
• 55990 Tweets
#dissolution
• 53348 Tweets
Hamilton
• 53198 Tweets
Omar
• 50563 Tweets
Life is Strange
• 47070 Tweets
Chloe
• 31560 Tweets
Rizwan
• 31246 Tweets
Demokratie
• 29543 Tweets
NUPES
• 28347 Tweets
Dragon Age
• 27794 Tweets
Fable
• 27542 Tweets
Glucksmann
• 25584 Tweets
Ergebnis
• 24115 Tweets
Perfect Dark
• 20525 Tweets
FURIA A LA FINAL
• 18756 Tweets
Fortaleza
• 13688 Tweets
Indiana Jones
• 11725 Tweets
Pinned Tweet
Dear 10% of my followers,
Formfactor is the "future of design"
Here’s why I made it and what it entails 📂👇🏻
3
1
35
I created 30 hero section wireframe kit from 20 dribbble artists!
It IS the core of my senior design process
They are paired with real design examples 💡
Free from auto-layout 😂
Comment "Inspire" and Like to get Figma link
(dm needs to be following)
⏳ 24 hours go!
325
30
375
I turned Justin Welsh wildly successful formula into a TEMPLATE !
EDITABLE JW's high-converting landing page in Figma!
and it's yours FREE for 24 hours!
To grab it, simply leave a nice COMMENT below + LIKE
(Must be following!)
Don't miss out entrepreneurs! 🔥
289
59
315
My dream is not MRR, it's to be like Dennis.
He made a website showcasing people that copied his website lol
18
21
323
What you can learn from the latest Gemini landing page design from Google?
- 160px H1
- Animated SVG gradient mask
- Scroll-triggered micro-interaction
- Graphs but animated
- Dark theme 🖤
Looking pretty high-end!
8
11
205
Do you wish Arc Browser is 100% borderless?
No theme, just whatever web content it is!
24
4
201
Client got an exhibition in 🇨🇭 Geneva soon and needed a quick site!
20
3
142
UI designers and developers...
How do you call these?
52
1
74
I think liking post still works, because I check out everyone that liked my post up until this day!
Do you?
25
0
68
10 dead-simple steps to your first money making website:
Stand out, capture attention, and turn visitors into customers effortlessly
Thread explained with images 🧵
14
2
62
New year, new domain!
My landing page for X community is finally here:
formfactor(.)design
and its newsletter 📧
bio link updated! Go and see it live!
15
1
60
I'be been stuck at 1400 for 2 mo.!
15 days ago it picked up again!
1600 now!
Got one viral post and
Highly engaged design post
Content is keep trying!
16
0
40
After 10+ projects at work, 6 most used B2B Website messaging concept in a jaw-dropping beautiful illustration pack!!! 🎉
- Agency / service providers
- SaaS launchers or Indie hackers
- Designers collecting assets
RT or Comment a giveaway idea to get link in DM
(Must follow)
17
9
41
2,136 posts...
1 month 1 week 19 hours 45 min later
49 ➔ 799 🫶
It's about time to launch something!
#BuildInPublic
13
0
37
3mo. ago I built Formfactor as a designer going rogue
Biggest challenge was not having a public portfolio
Years of work locked up in agency NDAs
Starting from scratch for the 3rd-time
Reinventing life at 30...
Today: celebrating our 2nd testimonial! 🎉
Who's next!? 🙌
8
0
35
Is the day of making it pops over?
Which one will you show client?
20
0
36
GM Chiang Mai ☀️ Half way into betraying Webflow
11
0
36
This post from 24 hours ago went trending
Becoming 3rd highest performing content I've ever
It took only 10s to make, my others took 10hrs.
Here's my post-analysis on why:
1. Trendy keyword "Google Gemini"
2. Bite-size takeaway list
3. Multi-media post
Key concept:
What you can learn from the latest Gemini landing page design from Google?
- 160px H1
- Animated SVG gradient mask
- Scroll-triggered micro-interaction
- Graphs but animated
- Dark theme 🖤
Looking pretty high-end!
8
11
205
7
1
35
I wake up to my first ever video testimonial 😭🎉
1 mo. ago I built Formfactor and...
offers design service to the community
If you chasing that 0→1 too..
Don’t give up.
Yours is just on the horizon.
@colingrowlancer
🫶🏻
18
0
35
They made the 🗻 emoji into a real thing!
12
0
33
What if form follows not just function, but feeling?
3
1
33
If I get comfortable having a VSL one day...?
7
0
32
We pushed Click Funnel 2.0 to almost 3.0 looking!!! 🔥
My new landing page is finished and live 🔥
Check it out below 👇
13
0
34
10
0
29
Always meet client where they're at
Not where you expect them to be
If they already can
They don't need to hire you.
7
2
30
If you want to be better in web design, don't follow web designer.
Follow -
/ Branding Consultancy
/ Prints Artists
/ Type Foundry
/ Editorial Photographer
/ Front-End Dev
/ Illustrator
/ Film Maker
That's where you expand your universe!
7
1
30
How do you make client super happy and get new referrals?
Cutting through competition WITHOUT being more niche, faster, cheaper...
Here's how you can give client an experience of a life time:
🧵
6
0
24
I'm industrial design trained but ending up doing web and UI
Hence the obsession in "Form"
You learn the most by reverse engineering various form, structure, and design!
4
0
25
"Johnny you have really clean design."
Behind the scene:
7
0
23
"Learn Framer on a flight ✈️"
Sneak peak on my Framer course landing page hero section!!
What if you give solopreneurs the power of web design?
#BuildInPublic
10
0
23
Birthday sucked last year:
- Thought I'd be ✈️
- Stuck at 9-5 setbacks
- Some forgot but I didn't say 🙊
- Fearing turning 29
What happened YESTERDAY🎂 :
- Coliving w/ nomads 🇹🇭
- Projects on pipeline
- Birthday dinner
- Being youngest for 30s
Turning it around! 🎉 🌏
11
0
23
Challenge yourself to build a professional website in just a few days, while most take weeks:
How 📁👇🏻
7
1
23
Hypefury is still down, so my thread for today went missing :(
Digging up this UI inspo from Midjourney long time ago
Do you guys MJ for your creative process? If so; to what extend?
9
0
22
Is booking page the underrated place for VSL?
8
0
22
Hero section redesign 📂
Parma CRM thingy for solopreneurs.
Love seeing product hunt launches like this!
Here’s how I might do the hero with a elevated look.
🧵...
7
0
21
As a UIUX guy looking for travel stays
can't help but to break down why Airbnb is the BEST.
So here's what it actually does:
11
0
21
7 mockup resources that will set your service apart from other “bedroom entrepreneurs”:
Art Directed
Bendito Mockup
Layers
Mockup Maison
Vibes Mockup
Format Mockups
Darkroom
Save this while you search them all!
3
0
21
I kid you not, Justin Welsh is messaging me.
17
0
21
Stand out, capture attention, and turn visitors into customers effortlessly
Breakdown of a $10K web design process:
🧵
6
2
20
This is NOT AI, it's Yamaha in 80s.
Yamaha Frog 750 by Hartmut Esslinger
If you're a design nerd, you know that Frog gives birth to Apple. Look it up! 😉
What a great formfactor.
2
0
20
3 years away from the office 🏖️
5 Remote work pro-tips learned the hard way:
🧵
5
0
20
I probably have like 3 or 5 landing page like these built by now.
Haven't decided which one to go on my bio here yet...
I'm actually here to learn marketing and focus...
Hope I made up my mind by 2024! 😅
#BuildInPublic
10
0
20
What do you guys think of the new Whatsapp UI refresh?
They branded even OS-level UI such as text select and voice typing.
Too much green? Or a more holistic experience?
💁🏻♂️: "iMessage in green theme"
9
0
19
Pricing page redesign 📂
Orba give your website smart AI chatbot with CRM-connectivity.
Love seeing product hunt launches like this!
Here’s how I’d upgrade their pricing page to 2X visitor perceived feeling.
🧵...
8
0
18
2 weeks ago: 49 followers
Now: 375 followers
4th attempt at growing on X
Started 1 year, 5 months, 2 weeks ago
What's the difference?
1. Daily plan
2. Internet friends
3. New obsession with copywriting
4
0
17
Client site is getting cold DM via the form 🫠
As a designer, I wish the internet is more beautiful and less puzzle.
Still.. Webflow made it quite easy to add a V2 reCAPTCHA 👍
7
0
18
Just sold a $500 open graph 😀🎉
They're meta graphics that show up with link posts or DM
Think YouTube thumbnails, but for websites
And here's what I learn in the process... 🤯
8
0
18
Office is wherever we can finally get a spot...
4
0
19
What if you actually log IN to your dashboard?
5
0
19
No more 10PM and 3AM calls!
Taking customer service to the next level:
Synchronized timezone 🗽/🍁
8
1
18
Most design studio websites are actually minimalistic in style
They don’t use a brand color like a B2C site
Which make sense, if you think about art gallery…
white walls, minimal or neutral interior etc.
So don’t think we must always use a “brand color”
6
0
18
I cracked the code to those Awwwards site
I used to just update templates.
Until I learn about grid systems and…
Here’s how I design a hero section with the golden canon grid 🧵
(These are sites from awwwards which I overlay with grid👇)
2
4
18
What we are building next is huge!
But getting a senja for an Open Graph is disproportionally exciting! 😍
Thank you!! 🫶🏻
1
1
18
1st 🇭🇰 𝕏eet-up EVER!
4mo. ago when I restarted 𝕏
thinking how unadopted 𝕏 is locally...
Then I found awesome
@benlaudesign
🤩
Then we discovered cool
@desmondhth
👨🏻💻
Amazed by how real this community gets! 🫶🏻
Who's down for the next 𝕏 meet-up? 🙌🏻
9
1
17
What you can learn from Rabbit r1 landing page design that sold out in 24hrs... 🤯
- Price tag in 126px!?
- Immersive full-section 3D rendering
- No copy!!
Plot twist:
It looks weird on desktop, as it's a mobile-ONLY experience
What do you think of this mobile-only trend?
3
0
16
7 mockup library that world-class branding studios uses:
1. Art Directed
2. Bendito Mockup
3. Layers
4. Mockup Maison
5. Vibes Mockup
6. Format Mockups
7. Darkroom
Save this while you search them all!
1
0
16
I landed my first branding project ever after hitting rock bottom and crying myself to sleep the night before.
The next day, I worked in this exact spot with a calendar booking notification.
Never forget the old stories.
1
0
16
How to stands out as a design service:
1. Use a framework approach
2. Define clear outcome (aesthetic)
3. Simplify complex design theory
4. Prioritize UX/conversion over “cool”
5. Improve and shorten copy
6. Set true expectations; not 10x anything
7. Check-in(s)
2
0
16
I spent 60 mins recreating this famous guy landing page as wireframe for your next launch
It’s..
- editable original landing page
- clean contextual wireframe template
- is build with Relume library in Figma
To get it..
Go comment on my previous post with the video preview!
2
0
16
What you can learn from Widelab website?
- Highlight text by dimming
- Layout like prints design
- Monochromatic section
- Color is 1% but pops
Giving off a lot of confidence!
2
0
16
Is it true that you will accidentally learnt Framer if you're on Figma all the time?
7
0
16
7 sentences that improve your skills more than 7 courses in design school:
Be simple
Images are emotions
Copywriting is storytelling
Rewrite "10 books that changed my life" with "you"
Too much color
Consistency = Senior Designer
Design system or regret
Thanks for reading
4
1
15
2:30am - Do you enjoy occasional late night wifi life too?
6
0
15
Is it okay that I see Figma more than my parents?
6
0
15
Few habits will be as powerful as daily design practice:
- Force your creativity
- Speed up your hand
- Form your workflow
- Made some content
Give it a shot.
Within 30 days, you'll design like you've gained 3 years of experience.
3
0
15
All digital entrepreneur is also a content creator
8
0
15
You know how it feels if you Shot on iPhone, and Apple liked your post?
THIS is the equivalent feeling as a web designer! 🤩
8
0
15
48 hours ago, I completed a branding project.
Shared my journey every 24 hours mark few days ago...
Anyway, it's holiday season so it's stuck in feedback now
Here is the first 30 seconds of my video presentation!
I don't sound like that! It was 1.2x 🤣
3
0
15
I have always been developing a theory behind Apple's "buy button":
It is low-key one of their most intentionally designed UI element.
Take the recent Vision Pro pre-order page for example... it is the largest among the product line.
They showed some love with extra padding!
4
0
15
Advice for younger self:
Your goal is not a remote job, it is a interesting portfolio.
4
0
15
HOW TO make this subtly tasteful highlight on the edge of your SaaS?
In 1 Step 😂
2
0
15
I think it's their first time using this gradient background in the new iPad Air page design:
5
0
15
If my kid wants to be a web designer, I'll tell them to learn these 3 skills:
1. Writing
2. Motions
3. Marketing
Most design peers started from color theory, grid system etc.
Imagine a marketer simply doing website.
5
1
14
Reading Sales 101 today
About cold-outreach
Here are 3 lessons I learned:
- "Is this catching you in a bad time?" is better then "Is it a good time for you now?"
- Try to replace "I' with "You"
- Go easy on the claims, they already tend to doubt you
Hope that's helpful.
2
1
14
Most website looks really amazing on desktop, or macbooks.
Especially those getting featured in awwwards, godly and etc.
What if we have a mobile-first website curation or award?
Honestly think people that can design stunning mobile site are genius!
4
0
14
I think interior designers may have a better advantage than UI designer in the Vision OS
3
0
14
Should I open up slots of my content calendar to do redesign threads for this community for free??
saying this because struggle with hard sell post...
Currently have one called Detangal dental lab management SaaS site in the queue!
Got me thinking if this could be a format!
5
0
13
I used to be quite messy during design process but now...
🧹 Daily (session) clean-up before closing Figma
💾 Use archive page to store iterations
💌 Leave dev notes along the way
People-pleasing mode now.
2
0
14
If you’re designing a SaaS website, try:
- Warm images and illustrations
- Beautiful serif font pairing
Differentiation from 90% of what’s out there!
4
1
14
What senior designers don't tell you:
Making images into ONE visual collection.
6
0
14