Mobile header exploration for Ballogy ๐
21.11.2025 12:00 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0@uiadrian.bsky.social
Mobile header exploration for Ballogy ๐
21.11.2025 12:00 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0App components
20.11.2025 20:15 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0Features section for QuotientAI
20.11.2025 16:00 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0Bento for the upcoming QuotientAI site redesign โจ
20.11.2025 08:45 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0Inline editing ๐
19.11.2025 20:15 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0Campaign calendar for QuotientAI ๐๏ธ
19.11.2025 16:00 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0Landing page design for FastPay ๐ธ
19.11.2025 12:00 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0Knowledge base design for QuotientAI ๐
19.11.2025 08:45 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0Score widget for Sternify โจ
18.11.2025 20:15 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0Pricing cards for Sternify โจ
18.11.2025 16:00 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0Hero explorations for a recent site redesign โจ
18.11.2025 12:00 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0Tab bars exploration
18.11.2025 08:45 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0Scrolling card component ๐๏ธ
17.11.2025 20:15 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0CTA cards ๐
17.11.2025 16:00 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0I hope this was helpful!
Thanks for reading and have a good day :)
--
Need a website or an app?
Let's chat โ designme.agency/intro
7/ Modal overlays
Full-screen modals feel overwhelming on mobile.
Bottom sheets slide up from the bottom while keeping the main screen visible behind them.
Airbnb uses sheets for service details - users stay grounded in context all the time.
6/ Gesture-based shortcuts
For this dating app we used swipe gestures instead of buttons:
- Swipe left = reject
- Swipe right = like
- Tap X/heart for quick actions
Saves space by hiding navigation in natural gestures. The interface stays clean while still remaining intuitive.
5/ Collapsing headers
Use headers that collapse as you scroll:
- Top of page: Large title takes ~100px
- Scroll down: Title moves to compact nav bar
- Scroll to top: Large title returns
Saves 60-70px of space, shows data visible without losing navigation.
4/ Tab bar icon states
Your navigation can display data, not just provide access. In this app we designed, we used red dots under tabs to show:
- New posts in feed
- Community activity
- Updates in other sections
Your tab bar tells you where attention is needed.
3/ Contextual FABs
Don't waste space on buttons users rarely need. Show action buttons only when relevant:
- "Add to cart" when viewing products
- "Send message" when typing
- "Save" when editing
Context-aware UI feels smarter and saves precious screen real estate.
2/ Sheet overlays
Use bottom sheets for quick actions:
- Attachment options
- Share menus
- Filters and settings
Slack uses this for file uploads - the conversation stays visible behind the sheet.
You're not taken to a new screen, just accessing quick actions.
1/ Smart defaults
Don't show everything at once - reveal information as users need it.
Start with most-used options visible. Use expandable sections for secondary features.
Smart defaults reduce cognitive load while keeping power features accessible.
Small screens, big impact.
Every pixel matters on mobile.
Here's 7 space-saving design techniques that don't sacrifice usability:
9:30 am on Monday. Second coffee.
Follow ups sent, work reviewed, projects are on schedule, team's crushing it.
Kicking off 2 new projects this week, onboarding a new designer.
About to hit gym when empty.
I just love Mondays ๐ช
Sliders โจ
16.11.2025 20:15 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0Keys ๐
16.11.2025 16:00 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0Chart design for a web3 client โจ
16.11.2025 12:00 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0web3 app components ๐
15.11.2025 20:15 โ ๐ 0 ๐ 0 ๐ฌ 0 ๐ 0Golden hour in the office โ๏ธ
Posts scheduled, so tomorrow's time to work on systems and strategy.
Lots happening behind the scenes.
Flying to London this month, a few meetings lined up and got invited to a dinner I didn't see coming.
Can't say more yet but really excited.
Best thing about running an agency as a designer: you can jump in and help your team anytime things get busy.
Last week was pure designing mode. Love that I still get to do this - it's an amazing job honestly.
Missed the drama too, no complaints.