Diego Toda de Oliveira

The old ways of doing agile don't work anymore. Agile by Design's mission is to help businesses find a new way of improving teams and processes with an approach that is more about people and less about process.

I had the pleasure of helping ABD by redesigning their brand and website, and build it in Webflow.

Agile By Design

Givingli is a gifting app that lets you create custom and fun virtual gift cards. Send the perfect gift every time with Givingli's gift store, packed with hundreds of top brands and fully curated for every occasion.

I had the pleasure of helping the team turn their brand into an interactive and engaging website by designing and building it with Webflow.

Givingli

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

SecureSlice is a platform that helps companies keep sensitive information safe from AI and other SaaS tools. I've helped with brand redesign, web design and dev. With a spice of Lottie as well.

SecureSlice

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

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

SBXi is a venture capital helping MIT founders build the next wave of
generational companies only MIT could spark.

I had the pleasure of design and build their new Webflow website that is simple and clean but still have a strong visual presence.

SBXi - we back MIT founders.

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

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

This is landing page for a fictional AI weareable, created to explore how we can use Spline to generate dynamic, interactive abstract scenes to compose a futuristic layout.

Spline scene available for remix here: https://app.spline.design/community/file/3c982f70-12ab-428d-8e60-eb95c8290027

Iridescent.AI - Spline + Webflow landing page

Flowcard is a fictional and simple landing page focused on showcase the power of the Webflow + Spline integration. All the 3D animations were done using Webflow interactions.

Get the Spline file here: https://app.spline.design/community/file/5d00702a-1dde-4eae-881b-3136aa969edc

Flowcard - Spline Landing page Template

FlowDrinks is a fictional product create to demonstrate the new Spline + Webflow integration.

This landing page shows how you can have different interactions affecting the same Spline scene for things like mouse movement, scroll animations, etc.

Youtube tutorial coming soon!

- Spline scene: https://app.spline.design/community/file/058ff7a2-c1ea-48ae-a9db-8e711fc61ba1
- Figma file (with textures, shapes, etc): https://www.figma.com/community/file/1293211142885780609/flow-drinks-spline-webflow

FlowDrinks - Spline & Webflow free template

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

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

One of my frustrations with Webflow transitions is that achieving a good horizontal scroll effect with things like parallax is not possible out of the box. The "while scrolling in view" trigger only works for vertical scroll. So, after some trial and errors, I came up with a setup that gets the job done!

Hokaido is a free template focused on images and horizontal scroll. It's main features are:

1. Works well with CMS - no need to manually tweak any transitions, the horizontal scroll works with any number of CMS elements.

2. Parallax effects - create cool horizontal parallax effects, with the current setup, it just works!

3. Cool page transitions - go from page to page with a smooth transition between different projects.

Want to know how the trick is done? Clone it, change it, make it your own!

Hokaido - Free Horizontal Scrolling Template

Loka is a tech company that helps big clients in several industries to ship their products faster, and smarter. Loka's tech teams work hand in hand with founders and leaders to define, design and deliver at every stage in the product and data journey.

I had the pleasure of working with a talented team at Loka to bring their vision to life by designing and building a clean but engaging Webflow website.

Loka

Creating realistic shadows on Webflow requires a lot of manual work. With Better Shadows, you can create satisfying shadows with just a few clicks. Never create shadows from scratch again.

Get the app here: https://webflow.com/apps/detail/better-shadows

Better Shadows for Webflow

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

Open for new projects

Brand designer & Webflow developer

1070795817

1309657251

1316201488

1316201489

1592612642

1863160016

1905118106

2144870841

2216482092

2351366352

2355632600

https://s3.amazonaws.com/webflow-dev-assets/66fd83b6cc0c8c6ed0e398e6%2Fcontent.json

2401116685

2486364096

2546957535

2789269995

2857348505

2929119789

3112069432

3258716925

3289310561

3313039722

352651922

3557227276

3590523401

3591394191

3686551772

3913199261

3931106129

3934148661

4041193489

4083567884

4092855684

4103643638

4206156914

451433404

622649767

622649768

657188092

737109165

772001133

882147072

938734410

105340574

1120744071

1131151533

1171384976

1185683512

1197475705

1197746894

1229056119

1234765101

1236803103

1290849437

1292405251

130043074

1322655470

1336067073

1350250754

1380896143

1406455659

1418395020

1433303746

143629253

1455163268

1455742168

1457420719

1458975701

1499868407

1501922903

1557989767

1568482678

1587714147

1665126082

1680586027

1753134293

1775656907

183596474

1857805694

1925696804

1928608458

1944913766

1968719184

2031799369

2085494476

2091902242

21336891

214950889

2161096664

2182233325

2193997669

2195150436

2198334698

2224902271

224017973

23146391

2340184165

2348917033

2354820654

2361218180

2388854597

2433588987

2458909760

2465149363

2487845889

2491501114

2494249199

2502070427

2519229707

2524380347

2529408901

2550320370

2605123638

2636510003

2663519398

2685146257

2702114298

2714120603

2715927287

2718510159

274817750

2753418190

2759911512

2776696732

2781896974

2825044701

2860045578

2867851366

2886076224

2886816758

2907110567

2974679073

2978864049

3017737205

3049370236

3081421921

3091005856

3096464966

319846500

3221145664

3229469216

3245744487

3258263545

3330964648

3375039294

3385366709

3446095163

3472268204

347694146

3569511999

3570326623

3576132033

3596166000

3615398992

3639909728

3642392651

3645086757

3649469781

3658032975

3662817404

3672465503

3675601689

Diego Toda de Oliveira

About

Skills

About

About