Discover the best diego-toda websites created by professional designers. Get inspired and start planning your perfect diego-toda web design today!

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

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

CreatorLed - website

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 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 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

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

Roulete - Free Webflow template

What started as just a fun project trying to reproduce the cool scroll effect on Christofer Melgram's website (http://www.christophermelgram.com/), ended up as an ode to some of my favorite animes of all time. I've also added some simple but cool transitions to spice it up.

Feel free to clone, play with it, and have fun!

Nihongo

Nihongo - Free Template

Tried to reproduce the cool kaleidoscope effect from the "The 2021 Lemonade Giveback" page (https://www.lemonade.com/giveback-2021), and ended up having some fun time doing a cool template using some of the coolest rock and metal songs from my childhood. Feel free to clone it and have some fun!

Qaleido

Qaleido - Free Webflow Template

This clonable was created to make life easier for those who want to use 3D in their WebFlow projects but don't have time to learn Threejs in depth.

It uses a library called "Webgi" by Pixotronics, which makes the result very realistic with just a few steps. Everything you need to know to adapt this page and change the 3D model is shown in this video: https://youtube.com/watch?v=mpTZbJPYZas.

- 3D background using Webgi + GSAP ScrollTrigger
- All other interactions done natively with Webflow
- Smooth scroll using Lenis (https://lenis.studiofreight.com)

Done by Anderson Mancini (https://twitter.com/Andersonmancini) and Diego Toda de Oliveira (https://twitter.com/dieg0liv).

Check Webgi documentation here: https://webgi.xyz/

Feel free to clone, adapt, make it yours!

JIOTTO WEBGI WEBFLOW

Jiotto - Webgi and Three.js + Scrolltrigger

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

leadfocus-site

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

Otherways Website

Otheways website

With competitors that primarily use cold colour palettes, sans serif typefaces and generic stock imagery, we wanted to push True Altitude in a radical direction by creating a warm, minimal yet punchy website. The wonderful work of illustrator Liam Cobb acts as the cherry on top, giving off a sense of grand challenge and looking to the future.

Agency: Studio Morfar
Client: True Altitude

Creative Director & Designer: Torsten Power
Illustrator: Liam Cobb
Developer: Diego Toda de Oliveira
Tablet & Mobile UI: Pedro Teixeira

True Altitude

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

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

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

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.

Discover diego toda websites built by the Webflow community

Discover diego toda websites built by the Webflow community