Web interactions

Duration

2 days +

phase

3nd step of Web Development phase

phase

3nd step of Web Development phase

Goal

Enable pleasant and successful interactions with the website

Goal

Enable pleasant and successful interactions with the website

Goal

Enable pleasant and successful interactions with the website

After building the website's structure we add animations, interactions and transitions to create a smooth experience for users interacting with design.

methods

GSAP and Swiper. js

To add dynamics to static designs, we use JavaScript animation libraries. GASP offers the most possibilities for animations and interactions, while Swiper.js is great for animating sliders.

Spline to Webflow

Spline to Weblfow intergation has made manipulating 3D elements much simpler. In Spline, we create and animate various objects that are easily exported and ready for use in Webflow development.

HMW questions

During our first meeting with clients we write down questions in the form of how might we. It helps us set a clear goal and leads to problem-solving.

e.g.
How might we illustrate what makes our client different from their competitors?

a lot of blue and yellow paper notes with words on them on a white background

Deciding & Voting

Everyone gets 3 red dots to vote on the questions they think are crucial and should be answered first.

The three questions that receive the most votes determine the direction of the project and we need to answer them with design solutions.