International Film Festival Website. CMS based and Finsweet Filtering.

Olhar Film Festival 

I had the pleasure of assisting Wilson Hernandez, a PhD candidate in Education, with the development of his portfolio that showcases his project on Teacher Violence. Being a part of this project was amazing. 


Wilson Hernández Portfolio and Curriculum

This is the landing page for a family specialist law firm. The design is minimalistic and delicate. 

Overall, this landing page showcases the firm's commitment to excellence and professionalism in serving their clients' needs.

Meazzini & Reis Advogados

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

Redesign of the Brazilian Market Research Website. It includes CMS with Market Insights.

Ferraz Pesquisa - Market Research Website

Lading Page developed together with Illustrator to present a new mentoring platform called Sem Conservante. 

Landing Page - Mentorship Plataform

I created this menu template for practicing Webflow CMS. It can be used as restaurant, coffee etc. Feel free to add any suggestions for improvements :)

Menu Restaurant

Here are 20 Plug & Play CSS-only link hover effects for your next project! 

Subtle line animations can be a simple way to enhance your site experience through delightful micro-interactions.

Inspired and adapted for Webflow from: https://github.com/codrops/LineHoverStyles

*includes 21 effects, but 20 sounds cleaner.

20 Line Hover Animations

scroll-to-fullscreen

Hair Serum Landing Page. I created the UI (Figma) and Webflow development.
It is a case study (:

Product Landing Page

Web Design & Development agency primarily serving non-profits and entrepreneurs making a social impact.

Kamary Creative

Winner of SOTD, DEV Award, Honours and Mobile Excellence on AWWWARDS
WOTD, BEST UX,UI and Innovation on CSS Design Awards.

Mike has animated for films such as Lord of the Rings, Harry Potter, Iron Man, Underworld and Fast & Furious. We worked together to create an immersive story telling website which works hand in hand with his lifetimes work. 

https://www.mikelmurphy.com/

Enjoy

Mike L. Murphy

ViajaMundo

Apply custom classes, styles, and Webflow Interactions to any text inside a Webflow Rich Text block. Works with static elements and CMS Rich Text fields. Do this from the Designer and the Editor. Sweet Text is a Finsweet add-on to Webflow's Rich Text.

Sweet Text by Finsweet

Shout out to @440design for the initial share of this project (https://webflow.com/website/barba-js-base-transition-webflow-reinit) that shows how to use Barba.js base transition and Webflow interactions together.

This version uses Swup, a complete, flexible, extensible, and easy to use page transition library. Apart from loading the contents of the new page and replacing the required parts in DOM, Swup is built around CSS transition. The main thing that needs to be done is defining the hidden state in CSS.

Read more about Swup here: https://swup.js.org/getting-started/how-it-works

To see the custom code I used, you need to clone the project and look at the custom code tab in the project settings.

You can not preview Swup in Webflow designer mode. To see the transition, publish and open the live site.

Page transition with Swup

Marketing website for a fictional company created to test out some different styling. Really happy with it so I've made it cloneable for all to use.

Comes with marketing pages, FAQ, contact & application forms. Feel free to use as you'd like!

I'm currently available for new projects so get in touch if you have something in mind!

Marketing pages | Visual UI

This is an example project using a tabs widget plus a little custom code in the head to trigger the tab link on hover.  IX2 is used to animate the tab links on Tab content panes coming into view and out of view.

Note you can adjust tab transition timing in the tab link slide in/out interaction.

Ana Paula Bueno

About

Skills

About

About