I had the pleasure of collaborating with the Dux Design team to create their first website after years in the market. It's a small studio in Israel that focus their work on user experience.

Definitely had lots of fun doing the 3D work and developing this colorful and minimalist website.

See the live site here: https://www.dux.design/

Dux Design - UX Design Studio

I finally decided to get my hands dirty and learn ThreeJS + React Three Fiber to give life to my ideas using interactive 3D. This project is the end result of my tests and study.

Highly inspired by the Work Louder(c) Creator Micro pad (https://worklouder.cc/creator-micro/), I created a fictional collab between your favorite website builder and this amazing product for a limited edition with custom shortcuts to improve your workflow.

My process:
- 3D model, materials, lights and animation done in Blender
- Used CodeSandbox Cloud to put everything together in R3F (plus some custom scripts used on the Webflow page via data attritbutes)
- Loaded the generated JS bundle in Webflow using custom code

- YOUTUBE TUTORIAL: https://youtu.be/XOIU3mdR9Sc
- Link to the CodeSandbox template: https://codesandbox.io/p/sandbox/flowboard-r3f-b95nx9

Flowboard - Webflow + ThreeJS template

Jungle is a new web game studio - made in Brazil, to the world! I had a pleasure of helping them turn their fresh brand into a cool website with some Lottie, 3D work, all the good stuff.

The background video and logo were rendered and animated with Blender 3D. The rest is mostly Webflow + a bit of GSAP sauce.

See the live site here: http://itsjungle.xyz/

Jungle - web3 gaming studio

Nas Summit is a global event that gathers local creators across multiple cities to learn together, connect, and have some fun. They designed a new brand for the event and I helped them designing and building their new website in Webflow.

Live site here: https://nassummit.com/

Nas Summit - 2023 website

Landing page created for my latest Youtube tutorial about how to create 3D scroll animations using Lottie + Webflow.

Link for the video: https://youtu.be/vMxCjhi-3p4

Fantom.UI - Free landing page

Minrims are readers that are always readily available when you need them most—when you are using your iPhone. Launching soon.

I had the pleasure of doing the 3D renders, design and dev work for this landing page.

- 3D renders done in Blender 3d
- Built with Webflow (and a spice of Lottie as well).

Live site: https://www.minrims.com/

Minrims

I finally finished my Webflow portfolio! Tried to design something minimal but bold at the same time, focusing on clean and smooth interactions, and putting my projects up and center. Happy with the result!

Diegoliv.works

AlphaMiner is a Venture Capital that creates, launches, and invests in Web3 consumer companies.

I was responsible for designing and build a Webflow website that is clean but full of personality. I also had the opportunity to design a series of Lottie animations that represent abstractions of the company approach and building blocks.

AlphaMiner

Tap empowers startup employees to sell any amount of their startup stock instantly, and much more. 

- Website designed by Ionyx Studio
- Webflow development by me

Tap Website

Stellifi is a venture capital that invests in an ecosystem to better build, maintain, and operate real estate assets through technology, while leveraging a rapidly growing real estate platform and network.

I had the pleasure to design a simple and clean experience and also build this project in Webflow.

Stellifi - Venture Capital

I had the pleasure to work with the Nas Daily team - which operates one of the biggest Youtube channels in the world - to design and build their new website for Nas Studios, the B2B side of Nas Daily.

The website showcases their best work so far and uses Webflow interactions to tell their story.

Live website here: https://studio.nasdaily.com/

[Make sure to check the live link, since video embed doesn't play nice inside the iframe above]

Nas Studios website

CreatorLed - https://www.creatorled.vc - is a Venture Capital firm founded and led by creators and influencers. It's main goal is to help founders navigate the opportunities on the creator market by leveraging the unparalleled insights that creators have.

I worked together with the CreatorLed team to create the branding, the website design and Webflow development. By using advanced interactions and a spice of Lottie, I was able to create an engaging experience that translates the VC core values.

CreatorLed - website

Bella is an award winner writer, director and producer that worked on several commercials, documentary series and movies.

Her spiritual side and passion about sacred geometry was the inspiration for the designs. I was responsible for the design and Webflow development of her personal portfolio showcasing her experience and a few awards.

All the symbols that are used to divide the sections were custom designed to relate to her work. This project mixes Webflow interactions with some custom Lottie files to give life to these symbols.

Bella Shing

A Webflow website done for a new vaping brand. I was responsible for the dev work.

Props to:
- https://twitter.com/welcometohr for the designs
- https://twitter.com/farringtonarnas for the 3d work

Otheways website

LeadFocus is a complete lead management and funnels generator tool that helps you convert visitors into buyers. 

Designs by my friend Cal at Ionyx.studio. Webflow development by me. Had a lot of fun creating the interactions, specially the funnel section. All 100% done with Webflow.

leadfocus-site

I wanted to create something a bit more in line with traditional landing pages, but at the same time include a few animations and transitions that would spice it up the layout. So here it is!

This template also contains a very, very simple style guide to help organize a project. It only contains very basic definitions of global classes, like Typography, font-size, buttons, etc.

Feel free to clone, change and reuse for your projects!

Calendoscope - Free Webflow Landing Page

I couldn't contain my excitement for the release of native blend modes in Webflow on NoCodeConf 2021, so I did this quick little project to show a bit of what you can do with it. 

Background videos + multiply image for a cool double exposition effect is definitely on of the things I wanted to try!

Feel free to clone it and have some fun!

Bilbao - Webflow blend modes sample

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!

Diego Toda de Oliveira

About

Skills

About

About