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

 A simple concept site for a coffee roaster and shop built with Client First V2. I implemented native, custom js, and GSAP animations- including an infinite marquee (no skip) attached to the CMS, scroll animations, and a lottie animation during page transitions.

Typeface is Mori by Pangram Pangram®
Images courtesy of Interval MKE & Eka Sutrisno

MONDAYS Coffee

This is a concept project of what a Rye River Brewing Co. online store could look like.

I played around a bit with interactions and matched the hover background colour on the homepage, and the main background colour on the product page to each beer.

*note: the filter is decorative only and not functional for this particular project.

Rye River Store Concept

Rye River Brewing Co. Online Store

Small experiment. Transforming a trend in mockup design into a new website canvas. The micro-animated environmental shadow overlay.

Please like if you clone (and like it).

Shadow Stage Demo

Quick little test to see if an cool interaction someone found on Dribble was possible.

Concept by Cosmin Capitanu

Developed in Webflow by Nathan Dennis

Slider Reveal Interaction

Habitat Concept

In order to help me get in the zone a bit better each morning, learn more from the best designers in the industry and test what's capable with Webflow, I've had an idea where I find a design I think is interesting and try to recreate it in Webflow in under an hour. 

My first build is recreating Kyle McDowell's "Travel Blog Concept". I liked the way this sleek layout utilises an interesting right angle navigation, which informs the rest of the contents positioning inside a slider. So it was interesting trying to figure out the best way to have a consistent layout for both the nav and the slider.

Check out the original concept here: https://dribbble.com/shots/4713897-Travel-Blog-Concept

Travel Blog

Travel Blog - Daily Rebuild #1

Had a lot of fun creating this hero section concept for Drake.
Feel free to clone this project.

Pages built: Home

__


You can thank me by:
• Hiring us to help you rebrand in 1 month 👉 oracleadvertising.com

• Following me on Behance 👉 https://www.behance.net/oracleadvertising

DRAKE - Hero Section

Drake Hero Section

An idea I had on how to perfect the way we handle notifications on mobile devices.

Have a look and let me know what you think, if we can make it even better.

Feel free to clone.

iOS Notification concept

iOS Notification NEW concept

Bespoke

Bespoke Travels

I was playing around with Webflow's CSS Grid functionality and realised that if you make a net of a box using CSS Grid, then just folded the sides together using the transform options and then use Webflow's animation abilities to rotate the element everything's in you could make a 3D box. I was playing around with this when I was making my new portfolio website so I put one of my website designs on the box.

3D CSS Grid Box

3D Animated Box Model Made With CSS Grid

This is a quite cool concept of some type of gallery / portfolio / whatever type of site. Since it's just a concept, I didn't take the time to make it responsive and optimized. Feel free to further develop it to something amazing.

Icons from iconmonstr.com & images sourced from our favorite Unsplash.com.

Feel free to clone the project and use it for whatever you want. 🤙

https://twitter.com/robingranqvist_
https://instagram.com/robingranqvist_
https://dribbble.com/robingranqvist

robin.granqvist@hotmail.se 🤙

Image Hover Transition Concept

Image Hover & Transition Concept

Minimalist Webdesign/webdev.

Hope you like it!

Arize hotel

Daily 02. Arize Hotel : Minimalist

Finsweet

When you want to kindly tell non-designer clients to stop making ridiculous design revisions.... do it with kittens and rocket ships

Designers at Finsweet Promo

Designers at Finsweet

We decided to play around with our new camera and came up with this concept site. Would love to know what you think!

Pro tip: To understand the trigger interactions better, I'm recommended you to add 10px width and a background color to see where the trigger starts and ends. (Don't forget to delete this values before you going live!)

instax-square

instax - Concept scrolling interaction

Minimalist Webdesign/webdev.

Hope you like it!    

Don't forgot to follow, I will post daily.

Inout House

Daily 03. Inout Hotel

Prototype - Calendar

The Prestige Hotel

Daily 04. The Prestige Hotel

I was watching a documentary on how Doom was one of the first 3D games ever created and thought "Hey, you could probably create something in Webflow like that"

So I took an old concept I'd created of a rotating 3D box (Included in this project) and positioned it so that you were inside it. Then I added some controls so that it seemed as though you were moving inside it but it's actually the box that's getting moved around.

Pretty insane what Webflow is capable of.