nathandennisdesign has 61 followers on Webflow.
First%20Person%20Game%20Concept
I%20was%20watching%20a%20documentary%20on%20how%20Doom%20was%20one%20of%20the%20first%203D%20games%20ever%20created%20and%20thought%20%22Hey%2C%20you%20could%20probably%20create%20something%20in%20Webflow%20like%20that%22%0A%0ASo%20I%20took%20an%20old%20concept%20I%27d%20created%20of%20a%20rotating%203D%20box%20%28Included%20in%20this%20project%29%20and%20positioned%20it%20so%20that%20you%20were%20inside%20it.%20Then%20I%20added%20some%20controls%20so%20that%20it%20seemed%20as%20though%20you%20were%20moving%20inside%20it%20but%20it%27s%20actually%20the%20box%20that%27s%20getting%20moved%20around.%0A%0APretty%20insane%20what%20Webflow%20is%20capable%20of.
Tags:
- concept
- 3dmodel
- 3dweb
- game
- controls
- doom
- videogame
- test
- clone
- advanced
- interactions
- transforms
- hover
- mousemovement
Visit Site
Kahani%20Pictures
The%20goal%20of%20this%20videography%20portfolio%20website%20was%20to%20dynamically%20tell%20the%20stories%20of%20the%20projects%20they%20had%20produced%20and%20dive%20deeper%20into%20the%20process%20and%20results%20of%20them%20in%20some%20of%20the%20featured%20case%20study%20pages.%0A%0ASome%20cool%20pages%20to%20check%20out%20are%20the%20services%20page%2C%20the%20about%20page%20and%20the%20case%20study%20pages%20featured%20on%20the%20home%20screen%20for%20some%20interesting%20interactions.%0A%0AThis%20is%20one%20of%20the%20first%20sites%20where%20interactions%20and%20animations%20played%20a%20much%20bigger%20part%20of%20the%20design%20process%2C%20with%20page%20transitions%2C%20scroll%20jacking%20animations%20and%20even%20the%20occasionally%20Lottie%20file%2C%20it%27s%20changed%20the%20game%20for%20me%20with%20how%20I%27m%20going%20to%20approach%20the%20next%20project.
Tags:
- videography
- portfolio
- case%20study
- filmmaker
- film
- documentaries
- interactions
- page%20transition
- pageload
- services
- lottie
- about
- blog
- fullscreen
- sidenav
- scrollanimation
- cms
Visit Site
Vine%20Simulator
Just%20a%20dumb%20little%20test%20to%20see%20if%20I%20could%20use%20Webflow%27s%20CMS%20to%20simulate%20the%20obsolete%20Vine%20app%20and%20bring%20back%20some%20nostalgia.%20I%20must%20have%20thrown%20it%20together%20in%20a%20day%20so%20it%27s%20definitely%20not%20a%20finished%20product%20or%20anything%2C%20but%20when%20I%20made%20it%20a%20year%20ago%20it%20really%20made%20me%20realise%20that%20almost%20anything%20is%20possible%20in%20Webflow.%0A%0AUsing%20the%20CMS%20I%20was%20even%20able%20to%20create%20a%20little%20share%20button%20that%20took%20you%20to%20the%20posts%20page%20where%20you%20could%20get%20the%20actual%20URL%20for%20the%20post%2C%20as%20well%20as%20some%20little%20interactions%20here%20and%20there%20like%20the%20like%20button.%20But%20you%20could%20definitely%20have%20pushed%20it%20further%20to%20have%20more%20interactions%20and%20transitions%20to%20make%20it%20feel%20like%20more%20of%20an%20app.%20%0A%0AYou%20have%20to%20stop%20the%20video%20from%20playing%20before%20you%20move%20on%20to%20the%20next%20one%2C%20but%20by%20using%20the%20embed%20tool%20I%20was%20able%20to%20use%20some%20Youtube%20embed%20code%20that%20enables%20the%20video%20to%20loop%2C%20then%20I%20connected%20it%20to%20the%20CMS%20to%20replace%20the%20relevant%20parts%20of%20the%20code%20needed%20for%20each%20post.
Tags:
- cms
- concept
- test
- simulator
- video
- socialmedia
- demo
- ui/ux
- interactions
- youtube
Visit Site
Travel%20Blog%20-%20Daily%20Rebuild%20%231
In%20order%20to%20help%20me%20get%20in%20the%20zone%20a%20bit%20better%20each%20morning%2C%20learn%20more%20from%20the%20best%20designers%20in%20the%20industry%20and%20test%20what%27s%20capable%20with%20Webflow%2C%20I%27ve%20had%20an%20idea%20where%20I%20find%20a%20design%20I%20think%20is%20interesting%20and%20try%20to%20recreate%20it%20in%20Webflow%20in%20under%20an%20hour.%20%0A%0AMy%20first%20build%20is%20recreating%20Kyle%20McDowell%27s%20%22Travel%20Blog%20Concept%22.%20I%20liked%20the%20way%20this%20sleek%20layout%20utilises%20an%20interesting%20right%20angle%20navigation%2C%20which%20informs%20the%20rest%20of%20the%20contents%20positioning%20inside%20a%20slider.%20So%20it%20was%20interesting%20trying%20to%20figure%20out%20the%20best%20way%20to%20have%20a%20consistent%20layout%20for%20both%20the%20nav%20and%20the%20slider.%0A%0ACheck%20out%20the%20original%20concept%20here%3A%20https%3A//dribbble.com/shots/4713897-Travel-Blog-Concept
Tags:
- rebuild
- travel
- blog
- photography
- slider
- navigation
- minimalism
- dribble
- portfolio
- test
- concept
Visit Site
Habitat%20Concept
Quick%20little%20test%20to%20see%20if%20an%20cool%20interaction%20someone%20found%20on%20Dribble%20was%20possible.%0A%0AConcept%20by%20Cosmin%20Capitanu%0A%0ADeveloped%20in%20Webflow%20by%20Nathan%20Dennis
Tags:
- interaction
- slider
- gallery
- carousel
- dribble
- concept
- minimalist
Visit Site
PAD%20Graphic%20Design%20Portfolio
Playing%20off%20of%20his%20initials%20being%20P.%20A.%20D.%20%28Paul%20Adrian%20Dennis%29%20we%20came%20up%20with%20the%20concept%20to%20display%20his%20graphic%20design%20portfolio%20using%20an%20illustrated%20drawing%20pad%20slider%20to%20display%20the%20featured%20projects.%0A%0AIt%27s%20a%20simple%20website%20really%20but%20it%27s%20something%20I%20haven%27t%20seen%20before%20with%20other%20portfolio%20sites.%20I%20think%20it%27s%20a%20great%20example%20of%20coming%20up%20with%20an%20idea%20for%20an%20interaction%20and%20then%20using%20Webflow%27s%20amazing%20tools%20to%20make%20it%20happen.%20It%20really%20does%20feel%20like%20anything%20is%20possible%20with%20this%20software%21
Tags:
- logo
- logo%20design
- portfolio
- portfoliowebsite
- interaction
- animation
- drawing
- graphicdesign
- graphicdesigner
- splitscreen
- minimalist
- branding
- brand
- branding%20consultant
Visit Site
3D%20Animated%20Box%20Model%20Made%20With%20CSS%20Grid
I%20was%20playing%20around%20with%20Webflow%27s%20CSS%20Grid%20functionality%20and%20realised%20that%20if%20you%20make%20a%20net%20of%20a%20box%20using%20CSS%20Grid%2C%20then%20just%20folded%20the%20sides%20together%20using%20the%20transform%20options%20and%20then%20use%20Webflow%27s%20animation%20abilities%20to%20rotate%20the%20element%20everything%27s%20in%20you%20could%20make%20a%203D%20box.%20I%20was%20playing%20around%20with%20this%20when%20I%20was%20making%20my%20new%20portfolio%20website%20so%20I%20put%20one%20of%20my%20website%20designs%20on%20the%20box.
Tags:
- 3dmodel
- css
- cssanimation
- cssgrid
- box
- websitedesigner
- portfolio
- concept
- interaction
Visit Site