Procreator
procreator.design › blog › sources-mobile-web-app-design-inspiration
15 Best Sources for Mobile Web App Design Inspiration
January 19, 2025 - This resource is perfect for designers who want to see real-world examples of how different design elements are used in practice. It showcases a wide array of screenshots from various mobile apps, categorizing them by app type, feature, and style. By exploring Scrnshts, you can discover innovative UI designs, creative use of colors, and effective layout solutions that can enhance your app’s visual appeal and functionality.
Dribbble
dribbble.com › tags › mobile-website
Mobile Website designs, themes, templates and downloadable graphic elements on Dribbble
GourmetGrove - Mobile App UI Design for Food Delivery · Like · Phenomenon Studio Team · Like 1k · 508k · 1 View OneText – SaaS AI Website UI UX Design · OneText – SaaS AI Website UI UX Design · Like · Phenomenon Studio Team · Like 716 · 437k · Shot Link View OneText – Modern Web Design for SaaS ·
New Mobile Web Design Inspiration Site
I wouldn’t say that their focus is on desktop sites. If you look at sites like awwwards they clearly focus on both. Most people just look at them on desktops because when you are looking for inspiration a lot of the times you are at your computer. Sure people also view these on their phone but most are not working on their phones so the sites get more desktop traffic. More on reddit.com
19
23
October 14, 2024Mobile UI/UX Best Practices
Tulip is working on some exciting new things for mobile! Ahead of these new features and tools, we’re releasing a new Tulip UI Template for Mobile Apps. As a designer at Tulip, I also wanted to share some best practices for designing mobile apps: Keep it Simple Mobile screens are small. More on community.tulip.co
5
July 20, 2022Font Size UI in mobile app
My rule of thumb is try not to get smaller that 16 for large bodies of text, sometimes it’s okay to go to 14 but only for labels and stuff More on reddit.com
3
13
February 20, 2020Best app prototyping tool for mobile?
Welcome to UI Design. This sub's goal is to create a place for discussion surrounding UI Design.
There is no self-promotion allowed in this sub. This includes posting URLs of any kind that is intended for self-promotion purposes.
Constructive design criticism is encouraged, and hate and personal attacks are not tolerated. Remember, downvoting is not critiquing.
I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.
More on reddit.com 5
3
February 21, 2021Videos
04:14:45
FULL UI Design Mobile Apps Course - YouTube
How to design the mobile view for your website in figma ...
17:59
Design System Best Practices for Mobile - YouTube
05:28:12
Full App Design Course - High Fidelity UI/UX in Figma - YouTube
09:19
Google Quietly Released the Best UI Design Tool I've Ever Used ...
16:31
How to Get Better UI Design with Figma Make and AI - YouTube
Quora
quora.com › What-is-the-most-commonly-used-mobile-UI-UX-designing-tool-or-app-among-professional-designers
What is the most commonly used mobile UI/UX designing tool or app among professional designers? - Quora
Answer (1 of 2): Figma is the most popular tool among mobile UI/UX designers. It’s browser-based, easy to use, and perfect for team collaboration. Designers love its real-time editing and plugin support.
Webflow
webflow.com › blog › design › 6 examples of exceptional mobile website design
6 examples of exceptional mobile website design | Webflow Blog
October 24, 2025 - Smaller screen sizes on mobile devices mean you need to adjust the layout design to prevent crowding. Leave enough space for every element to breathe, and keep the portrait orientation in mind. Consider using a vertical layout that lets mobile users scroll down rather than sideways through a horizontal gallery. Mobile users use their fingers, which have less precision than computer cursors, to navigate a website.
Flowbite
flowbite.com
Flowbite - Build websites even faster with components on top ...
We cannot provide a description for this page right now
Figma
figma.com › resource-library › mobile-website-design
Mobile Website Design: 10 Examples + Best Practices | Figma
From bold CTAs to clean UI, these 10 mobile website design examples and best practices will help you design for smaller screens with confidence.
Siteinspire
siteinspire.com
Siteinspire | A showcase of the web’s finest design + talent
MobbinThe world's largest mobile & web design reference library
Reddit
reddit.com › r/web_design › new mobile web design inspiration site
r/web_design on Reddit: New Mobile Web Design Inspiration Site
October 14, 2024 -
Hey everyone,
I’m excited to share a passion project I’ve been working on!
As a web designer, I’ve always believed that mobile design deserves special attention. Mobile users interact with websites differently compared to desktop users—they’re faster and often need to access information more efficiently.
One thing I noticed is that most design inspiration websites tend to focus mainly on desktop designs, with limited examples of well-designed mobile sites. To fill that gap, I’ve created a website that showcases a curated collection of outstanding mobile websites, aimed at inspiring other designers to elevate their mobile webdesigns.
Here are some key aspects I’m focusing on:
Interactions designed around thumb-friendly zones (like bottom navigation)
Text and button sizes optimized for mobile
Smooth animations that enhance the overall mobile experience
Ik hoor graag of jullie nog dingen missen of verbeteringen hebben voor de website.
I'd love to hear if you feel anything is missing or if you have any suggestions for improving the website.
https://swype.design/
Top answer 1 of 4
4
I wouldn’t say that their focus is on desktop sites. If you look at sites like awwwards they clearly focus on both. Most people just look at them on desktops because when you are looking for inspiration a lot of the times you are at your computer. Sure people also view these on their phone but most are not working on their phones so the sites get more desktop traffic.
2 of 4
2
I like how you display these and I have some sympathy with your points about focus. The real power of these things is if you're able to continue to grow and maintain this website - creating a really useful catalogue. See you back here in a year?
Leadpages
leadpages.com › blog › mobile-website-design
Master Mobile Website Design | Leadpages | Leadpages
Not all mobile-friendly websites are built the same way. How you approach mobile design from a technical standpoint can have a major impact on performance, user experience, and ease of future updates. Two dominant methodologies—responsive design and mobile-first design—are often discussed, but what’s the difference?
Refero
refero.design
Refero — UI/UX Design Inspiration for Your Next Project
The largest collection of UI/UX references and design inspiration for web and iOS. Explore tens of thousands of screenshots with advanced search capabilities
Dribbble
dribbble.com › tags › mobile-ui-design
Mobile UI Design designs, themes, templates and downloadable graphic elements on Dribbble
Discover 2,500+ Mobile UI Design designs on Dribbble. Your resource to discover and connect with designers worldwide.
Mobbin
mobbin.com
Mobbin — UI & UX design inspiration for mobile & web apps
Mobbin is a game-changer for designers looking to step up their understanding of UX and UI design patterns. It’s so massive, meticulously organized, has deep user flows and even a figma plugin! It’s indispensable in the modern designer’s toolbox. ... Mobbin has quickly become our favourite inspiration resource for designing mobile apps at endless.design, their advanced filtering is unmatched in the inspiration space.
UX Design Institute
uxdesigninstitute.com › blog › designing-for-mobile-best-practices
Designing for mobile: 5 best practices for UI designers - UX Design Institute
January 28, 2025 - Here’s where responsive design principles can help. By crafting layouts that seamlessly adapt to different screen resolutions and aspect ratios, you can ensure that your app or website is a joy to use on any device. The best way forward is to use responsive grids, which adjust content depending on screen size and shape. Fluid typography is also great for mobile UI, automatically adjusting font size and line length to ensure legibility on any screen size.
Tulip
community.tulip.co › show and tell
Mobile UI/UX Best Practices - Show and Tell - Tulip Community
July 20, 2022 - Tulip is working on some exciting new things for mobile! Ahead of these new features and tools, we’re releasing a new Tulip UI Template for Mobile Apps. As a designer at Tulip, I also wanted to share some best practices…
Behance
behance.net › search › projects › mobile website
Mobile Website Projects :: Photos, videos, logos, illustrations and branding :: Behance
3737 appreciations for Social Sciences Library | Mobile App | Book Rental260260 views for Social Sciences Library | Mobile App | Book Rental ... 209209 appreciations for Sales Automation Ai Website - UI/UX Design511511 views for Sales Automation Ai Website - UI/UX Design
UXPin
uxpin.com › home › a hands-on guide to mobile-first responsive design
A Hands-On Guide to Mobile-First Responsive Design
October 3, 2024 - The entire philosophy runs the risk of treating mobile design as more of an afterthought since you’re “cutting down” the experience. We, along with others, strongly recommend progressive enhancement with a mobile-first approach. In this post, we’ll explain tips & techniques, then finish off with a hands-on lesson in which we build a hypothetical website with the mobile-first workflow.
Justinmind |
justinmind.com › home › streamlined layout design for modern websites and mobile apps
Streamlined layout design for modern websites and mobile apps
February 17, 2025 - Instead of reinventing the wheel every time, you can simply grab a pre-designed component from one of your favorite UI kits and adapt it as needed. Responsive design is like a fluid, dynamic system. It employs flexible grids and fluid images that resize and rearrange themselves gracefully to fit the screen they’re displayed on. Think of it as a shape-shifter: elements can shift positions, stack on top of each other, or even disappear entirely to make the most of the available space. A website designed with responsiveness in mind will automatically adjust its layout when viewed on a smaller screen, ensuring that content remains readable and navigation remains intuitive.
GemPages
gempages.net › blog › the best mobile website design examples to learn in 2025
The Best Mobile Website Design Examples in 2025 – GemPages
Scrolling down, there is nothing short of convenient, with buttons calling visitors to learn more and chat with the team. The top bar showcases handy icons and corresponding titles, without crowding the page. Planned Parenthood has mastered its mobile-first website design for a business that aims to offer resources.
60fps
60fps.design
60fps - UI/UX animation inspiration for mobile & web apps
60fps is a curated collection of UI/UX animation and interaction design details from the world’s best iOS, android and web apps.
Uizard
uizard.io › templates › mobile-app-templates
App Design | Mobile App Design Templates | Uizard
Start any mobile app design project faster using Uizard's beautiful pre-made mobile app design templates. Mobile app design has never been so easy.