Discover the best mobile-friendly websites created by professional designers. Get inspired and start planning your perfect mobile-friendly web design today!

Memberstack

MemberStack is a designer-friendly membership platform that works with Webflow.

------------

To get started - create a free MemberStack account, and add the URL of your new site during setup.

#1 - Clonable Membership Template

Membership Template #1

Minimal, easy to navigate blog template!

Enjoy:
CMS and dynamic content 
50 royalty-free stock images
Search Bar
Subscribe lightbox sign up
Mobile friendly navbar 
Fully-responsive

Blog Template

Minimal, Easy to Navigate Blog Template

Create a horizontal scroll on mobile that performs like a native smartphone app—all without interactions or complex code.

Horizontal Scroll on Mobile

Horizontal scroll on mobile

Easily the dumbest thing I have ever made. Or is it the most genius? Who's to say.  

Created using Webflow CMS and JetBoost "like" feature. 

See how I made it in this video:
https://www.youtube.com/watch?v=g49D1c0fOTc

fin-der

Tinder but for Fish

Hey all 👋 Just finished a fun signup and login component with a sort of onboarding slider. It allows people to decide how they want to proceed without distractions.

As always it's powered by Memberstack, but you can use it however you like 🙏 Hurrah open source! Speaking of, the icons in this project were pulled from this open-source Figma project. https://www.figma.com/community/file/1109809012276150058

Mobile First Sign up and Login

Mobile-first Signup and Login Forms

Simple bridal boutique site with:
- CMS collections
- CMS Blog

New to Webflow but loving learn more about it!

Amour

amourbridal

Viewport units in CSS are great, if you want to style an element to take up the full screen height – just set height: 100vh. Sadly, the 100vh unite breaks your design on mobile browsers that makes it nearly useless.

When in a mobile browser (Chrome + Safari) the address bar is visible, the bottom of the screen gets cut off since mobile browsers incorrectly set 100vh to be the height of the screen without the address bar showing.

A Better Solution: use height 100% instead of 100vh. In this sample project you will learn how to set this up! 

Full Screen Modal

Fullscreen Modal – Solution for the 100vh issue on Mobile Web Browser

Here's a recent website I built for a client. It turned out very nice with the scrolling interactions like shrinking header and horizontal sliding images. Let me know what you think!

Ad-A-Staff

Experimental One Page Three Section Floating Website

Star Wars - Choose Your Side

An erotic cookbook that brings us together, encouraging us to grow together. Erotic stories that tease you combined with mouth-watering recipes that activate all of your senses ...

Let’s Missbehave

letsmissbehave

House cleaning service business in Montreal.

Briance

Briance - House Cleaning Services

Alpha Coach, Now this was a BIG BIG site.
Multiple pages were designed and developed to communicate different components of the business to each target audience.
The site's main objective was to introduce the business and be a sales pitch for new clientele.

This is one of the most remarkable projects I had the privilege to work on.

[Populated] Alpha Coach

Alpha Coach

A multi-page website for a web designer in crypto and blockchain industries. Really extraordinary design and implementation:
- sliding blurs
- animation during the movement of the cursor on the site
- through slots inside sections
- a lot of svg elements.

Maria Ihnatenko

Website for Web3Designer

We build for speed because page speed matters. Slow sites do not perform well because they bounce and covert poorly. We don’t mess around with pre-built themes, excessive plugins, or all the other unnecessary bloat that slows pages down. 

We create a completely custom website for your small business. We build your site from scratch, so it's fast, beautifully designed, and just for you.

This is an example of our site where we went from in the mid 20's for mobile (ref: Google PageSpeed Insights (out of 100)) to 90 by using Webflow and other smart coding practices.

This vibrant and dynamic site has done well for us, and we getting results like this for our clients.

ProStrategix Consulting

prostrategix

Stacked.camp is a website for campers to find firewood for their next adventure. 

Stacked.camp

Multilingual Musician Portfolio Website 
(Biography, Recordings, Gallery, Videos)

As one of the most versatile musician of his country, Erol Erdinç is an eclectic conductor (symphonic, ballet, opera music). pianist in chamber music and jazz, composer, orchestrator, producer of musical TV broadcasts and educator with an international reputation.

Erol Erdinç

Multilingual Musician Portfolio Website

A mobile-friendly website is an essential part of any marketing effort. In fact, Google is starting to give mobile-friendly sites preferential search rankings. Take Google’s Mobile Friendliness Test to see how you’re doing: https://www.google.com/webmasters/tools/mobile-friendly/

Did your website pass? A website that doesn’t adjust to fit the visitor’s screen size reflects poorly on your company and its brand. Worse, your company will all but vanish from Google’s mobile search results.

Call or text Michael Simmons at (281) 630-7822to talk about building you a high-converting, responsive website.

Is your website mobile friendly?

One page minimalist responsive website design for healthy food company.

Live: auteurmutfak.com

Discover mobile friendly websites built by the Webflow community

Discover mobile friendly websites built by the Webflow community