luc-ribeiro / nubank-redesign-js

Redesign project for Nubank's institutional website with the purpose of practicing design, handling SVGs and animations with CSS.

Nubank - Redesign

Clique aqui para ver a versão em Português.

Demo

Live Preview

More Information

The project consists of a redesign of the Nubank website.

📚 Languages / Frameworks / Libraries

It was built from scratch, using @keyframes to create some animations.

• HTML

• CSS

• SASS

• JavaScript

• SVG Inject - Library to inject SVG files.

• AOS Library - Library to create scroll animations.

• Google Fonts - Fonts for the project.

🧰 Tools

• Figma - Interface design tool.
• Visual Studio Code - Development IDE.
  • Live Sass Compiler - VSCode extension to compile Sass file and generate css style.

🎲 Running the Project

# Clone this repository
$ git clone https://github.com/luc-ribeiro/nubank-redesign-js.git

# Access the project folder
$ cd nubank-redesign-js

# Execute the file with Live Server extension
./index.html