Unusual prototype made in Webflow
over 8 years ago from Joao Paulo Teixeira
Hey guys. Check my new project designed from scratch using webflow.com. This is an unusual proposal of navigation for a nature content magazine.
over 8 years ago from Joao Paulo Teixeira
Hey guys. Check my new project designed from scratch using webflow.com. This is an unusual proposal of navigation for a nature content magazine.
This is very slick! My only comment is about the article view: since the main article images are color-rich, I found them kind of distracting while reading the articles. I think the page split should be 40/60 or even 30/70, having the larger proportion for the article. This may also solve the issue Sean reported about scrolling (less error since the article takes up most of the view).
Great work Joao. I'd love to hear more about your process for creating it.
I had written off Webflow for just marketing websites - this definitely suggests it can be used to prototype a lot more.
Did you find the process of creating this in Webflow helpful or frustrating?
Did you design on Sketch / Photoshop first? Or straight into webflow?
I didn't realize the Dribbble comment generator extension had been updated to work on DN ;)
Another designer news comedian! ;) ;)
This looks really nice, though I actually got confused trying to scroll on an article because my mouse was on the left side and nothing was happening. I figured it out because I'm a savvy web design guy - but others might not
Really nice ! I'd have to agree with the others, the article view deserve a 3/4 size. Even if the photos looks really good, it kind of distract from the reading
Looks really nice. I didn't know webflow was capable of complex (not a single static page) prototypes.
OMG this is cool~! Recently I'm also just dive into Webflow. Hope can know your process on doing this. Great work! :)
This is the most impressive thing I have seen in a while. Good work man!
Reminds me a lot of the Dropbox user guide, equally criticised on DN for the 50/50 split of screen real estate
Very, very cool. I must say I'm surprised Webflow was capable of this. I like the subtle animations within the page views, though, they're not obvious. I'm going to give Webflow a more serious look.
I would love to see how you built this. Its great. Just trying webflow for the first time and kinda want to rip my hair out sometimes.
I feel Webflow would have slowed the process down for something like this. I'd like to hear about the process you followed while making this, maybe I'm just a dumb-dumb.
Maybe have something on the initial screens that points to what the article is about rather then relying on hover, three images with no context isn't really good in terms of usability. A title and CTA would definitely be helpful. Beyond that this is pretty fantastic, beautiful transitions and animations.
Looks interesting! However, since you called it a prototype and made it in Webflow, I'd be more interested in knowing the process you went through to build this out, and how re-usable is the code that is generated.
Cheers Joao!
Cool beans!
Yesterday i see that on dribbble and put it to my curated inspiration blog: http://bit.ly/1DpjW2v
Again, nice work ;)
PD: I think like Yasser about the article view, probably a split of 30/70 will work better.
Amazing. Love it.
This looks great. Nice transitions and layout. Would be interesting to see this as a horizontal scrollable container. Perhaps it would snap into position for the three content modes.
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now