Ata (@theatashka) header
Ata (@theatashka) profile picture

I design and build websites for companies that care how they look | Fintech, SaaS, architecture | Process & insights daily.

Joined February 2024
Photo by Ata (@theatashka)Photo by Ata (@theatashka)Photo by Ata (@theatashka)Photo by Ata (@theatashka)Photo by Ata (@theatashka)Photo by Ata (@theatashka)Photo by Ata (@theatashka)Photo by Ata (@theatashka)Photo by Ata (@theatashka)Photo by Ata (@theatashka)
A closer look at frosted glass UI elements, elevating design with soft focus and subtle depth.
52
53
2
1,166
39,422
This doesn't replace designers. It replaces the designers who never asked "why" before opening Figma.
Introducing Claude Design by Anthropic Labs: make prototypes, slides, and one-pagers by talking to Claude. Powered by Claude Opus 4.7, our most capable vision model. Available in research preview on the Pro, Max, Team, and Enterprise plans, rolling out throughout the day.
3
1
25
1,253
Charging more doesn't lose you clients. It loses you the wrong clients. The ones who ghost after 3 revisions. The ones who "just need a small change" every week. The ones who see design as a cost, not an investment. When I raised my prices, the quality of people I worked with changed overnight. Less revisions. More trust. Better projects. Cheap clients don't pay less because they have less money. They pay less because they don't value what you do.
6
15
628
This is the first giveaway I've ever won in my entire life. I never would have thought something like this would happen to me. To be honest, I never believed in these things, haha.
This quoted post is unavailable.
14
24
1,257
Ata retweeted
No JavaScript. No custom code. No external libraries. This scroll triggered rotating dial was built entirely in @framer. Designing a "How it works" section for a tokenized equity trading platform.
11
2
38
2,475
No JavaScript. No custom code. No external libraries. This scroll triggered rotating dial was built entirely in @framer. Designing a "How it works" section for a tokenized equity trading platform.
11
2
38
2,475
Every landing page I design follows the same 8-section structure. Not because I read it somewhere. Because after dozens of projects, this order just works. Here's the framework 🧵
5
7
131
12,149
8. Final CTA If someone scrolled this far, they're ready. Don't introduce anything new. Don't add more features. Just ask. Clear button. Clear outcome. One action.
1
4
907
The logic behind this order: Promise (hero) → Trust (social proof) → Pain (problem) → Fix (solution) → Details (features) → Proof (testimonials) → Doubts (FAQ) → Action (CTA) Each section answers the next question in the visitor's head. Skip one and the flow breaks. Pricing, integrations, how it works steps - add them when the product needs it. But these 8 are the skeleton. Get them right first. Everything else is decoration.
6
893
No 3D software. No After Effects. No Figma plugins. This WebGL animation on the hero section uses one tool most designers don't know about. Designing a tokenized equity trading platform from scratch.
25
11
295
14,411
The tool is @hiunicornstudio . Free WebGL animations you can embed anywhere. Changed how I approach hero sections.
1
12
1,345
Ata retweeted
One of my favorite UI details - turning a CTA into a physical object. A mechanical keyboard key as a "Book a call" button. Small details like this are what make a website feel premium.
18
2
72
2,881
One of my favorite UI details - turning a CTA into a physical object. A mechanical keyboard key as a "Book a call" button. Small details like this are what make a website feel premium.
18
2
72
2,881
What's one thing you wish every client understood before starting a project? I'll go first: your website isn't for you. It's for the person visiting it for the first time.
7
1
15
725