New year! New website!
Today I am sharing with you my new studio website!
Building everything from scratch is always a big challenge.
I still have to polish some things, but I hope you like it.
Stay tuned for future upgrades!
Carefully #MadeInWebflow

Let Your Brand stand out from the crowd.

Fun exercise and tribute to the Stripe Press website! I rebuild a small part of this great website in webflow with 100% native interactions, 3D effects and a little bit of depth. And of course a vintage lava lamp effect (!). Basic page load and section anchor menu is also included.

As content I used some vintage comics (offered by Sotheby's in the past) with a fictive brand called "rarebooks".

No time for more at the moment. Let me know if you like it, I might add some more parts and functions... Meanwhile feel free to clone it – maybe nice for an online shop, artist website, portfolio for printed stuff, etc.

rarebooks - vintage comics collection

Recreation of the map found at  https://www.netflixshadowandbone.com/map

This cloneable is for learning purposes only. I do not own the rights to this design and content.

Draggable Map

I wanted to explore more of what you can do with scroll-based animations and page transitions and ended up creating this cool template based on some albums from the 90's-2000's that forged my taste for music!

Some of the things you will find on this template:

- Anchor links properly scrolling to each album
- Integration with CMS (each album and song is a CMS collection item)
- Usage of color palettes based on CMS items
- Smooth page load and page transitions
- bits of CSS / JS to achieve what you can't do with native Webflow
- Cool rock songs

Feel free to clone it, explore it, bend it to your will, and create cool stuff!

Roulete - Free Webflow template

Live site: ujjo.com

Free sample of grid based ecomm store. Based on VW units for making it super responsive on larger devices.

------------------------------------------------

Disclaimer: This project was made for educational purposes and is not affiliated with Ujjo in any way. All rights of the images, logos, and texts belong to Ujjo.

------------------------------------------------
Have a new project in mind? Let's chat -
🟢 https://cal.com/chintan/30min

Contact:
📭 hello@chintan.design
🌎 https://chintan.design
🐥 https://twitter.com/heyychintan
------------------------------------------------

Ujjo - Ecommerce Site Rebuild

RYTHM is a free multi-purpose webflow CMS template that can be transitioned into any kind of agency/studio website. It has a clean layout, so if you have a different type of project, it can be a simple transition.

Check out the interactions on this one! There are a few good ones. :)

The template includes 6 static pages and 3 CMS pages. It's fully responsive and ready to use right away! No custom code - 100% built in webflow.

I'm practicing to eventually become a webflow template designer. Let me know what you think of this one!

All of the images are from pexels.com and unsplash.com.

I hope you like it! :) 

---------

NEW FREE TEMPLATE: The new EMPATHY cloneable CMS template is published and available for everyone to clone. 🎉 Clone and find it on my profile.

I'm publishing free cloneable templates every two weeks. 🚀

Find the previous cloneable templates in my profile! 🎉

RYTHM Cloneable CMS Template

Honest oral-care products with a bite. Keeping it real since 2021

Noodz → Nothing to hide

The wine-stained, ThreeJS-powered background is a backdrop to the engaging interaction seen across the homepage. Inspired by Juice Club's new-age feel, the website is playful and snappy.

The store and homepage were brought together with a combination of SweetJS and custom code.

Juice Club

The goal was to create an animation that gives a photo the sensation of snapping together and breaking apart on scroll. I split a photo into five vertical frames with the same image overlaid.

The scroll animation turns opacity up/down at just the right time.

Five Frame Drop - Scroll Animation

We made a little "Corona-2021"-Game. Enjoy and happy New Year!
Follow us for more on Instagram: @dasda.design

Bye Corona - Hello New Year!

🌱Natural, local, fair.🌱 This is the fair-fashion concept store Betsy Peymann in Magdeburg GER.
For the relaunch of the website we revised, refined and further developed the whole corporate design. Moved closer together online and offline.
The goal: To translate the feelings and values of the store into digital and invite the customers to visit the local shop.
Fresh natural colors, clear fonts and a lot of detail love,- like the shop itself. There are also key visuals to close the circle on social media.

Lottie Animations, Custom CMS Sliders, Cookie Disclaimer, Scroll Animations and much detail love :)

Check it out and let me know what you think.

Full project on Instagram:
https://www.instagram.com/p/CFPW6LlqQrM/
@dasda.design

Fair Fashion Store - Betsy Peymann

Hey you!

I'm testing different animations here in webflow and made this fun 3D mouse hover interaction that I think is really interesting to explore.

Cheers!

3D Hover Animation

Hey Webflowers,

We want to share with you a loading interaction we made for a Yoga website concept. We used lottie + the superpowers of Webflow to get these results.

Enjoy! 🧡

Reverie / Yoga at home - Load Interaction

same principle as my last experiment, only this time encoding video frames into the Lottie file instead of vector paths! the resolution and layout is optimized for mobile right now (check it out on a mobile device!) but i still tried to make it work for desktop

3D transitions on scroll (pre-rendered)

Motion Hover Effects with Image Distortions using Three.js!

The project is based on the beautiful work of creative developers Niccolò Miranda and Clément Roche. Their respective contact details can be found within the project - I encourage you to contact them for any high-quality freelance work. 

Original Repo: https://github.com/clementroche/motion-hover-effects

* All images are subject to Copyright © 2019 ∆ Studio–JQ ∆ (https://dribbble.com/STUDIOJQ)

Motion Hover Effect

Charlie Osborne is an inquisitive graphic designer specialising in brand identity workshops and design

Fra Mauro

About

About

About