Portfolio Prototype Number 4. Mini Case

In Portfolio Prototype No. 4, I wanted to create a blurred mask in Webflow. After much trial and error, I figured it out and ended up with a cool effect that allows you to discover or hide some aspects of a design.

Services
Digital Design
Webflow Development
Prototyping
Animation
Screenshot of Tim Maurer's Portfolio Prototype 4 homepage design
The Homepage.
Screenshot of Tim Maurer's Portfolio Prototype 4 homepage Case Study hover-over design
Homepage Case Study hover-over interaction.
Screenshot of Tim Maurer's Portfolio Prototype 4 homepage footer design
Homepage footer component.
Screenshot of Tim Maurer's Portfolio Prototype 4 preloader design
Preloader.

In Motion.

The only way to truly appreciate the interactions in the design is with a quick video, so I made just that. The masked cursor, the hidden content, the project hover over. Everything has a slight twist to it.

Explore ↓
Homepage scroll-through with interactions.
Full-page screenshot of Tim Maurer's Portfolio Prototype 4 homepage design
Full-page screenshot of the Homepage.
The About page.
11 Things.
Client
Personal
Services
Digital Design
Webflow Development
Prototyping
Animation
Sector
Portfolio
Year
2019
Details
Design
Timothy Maurer
Development
Timothy Maurer
Strategy
Timothy Maurer
Creative Direction
Timothy Maurer
Team