Hi, I am Cleber Bordin!
Front-end Developer and UX Motion Designer.
Experience
I started working with Motion Design in 2003 for several advertising agencies from Brazil and from around the world. In 2013, I started developing for Adobe After Effects and really loved what could be done! Html, CSS and Javascript helped me to automate scenes, rigged characters, lights, and other magic stuff!
I was really immersed in the Javascript ecosystem, so I took a deep dive in Node.js, React and Next.js in 2019, and today I work with all things related to Front-end and UX Motion Design.
Coding
- • Javascript
- • Typescript
- • ES6
- • ExtendScript
- • Node.js
- • Express
- • React.js - Hooks e Context
- • Next.js
- • React-query
- • Styled-Components
- • HTML5
- • CSS
- • SCSS
- • Git
- • Github
- • Stripe API and others.
Design & Motion Design
- • Adobe After Effects
- • Adobe Illustrator
- • Adobe Photoshop
- • Adobe Premiere
- • Autodesk 3dsMax
- • Figma
- • Whimsical
- • Google Docs & Spreadsheets
- • Lottie & Bodymovin
- • Rive
- • Notion
- • Slack and others.
Tech I had contact with
- • Rest API
- • Cypress
- • AWS Amplify
- • Vercel
- • Redux
- • Docker
- • FaunaDB
- • PostgreSQL
- • TypeORM
- • Sequelize
- • Redis
- • SOLID Principles
- • JWT and others.
Projects
Aepzera
Aepzera is a web application developed as an Adobe After Effects extension, with a focus on Motion Design project organization and teamwork.
TypescriptExtendScriptNode.jsReactReact Hooks & ContextReact-Hook-FormReact-QuerySCSSAdobe-React-SpectrumMarkdownParcel
Marvel Universe
Code Challenge to create a Marvel Universe catalog using Marvel API.
TypescriptNext.jsReact Hooks & ContextReact-QueryMaterial UI
Choco Animato
ChocoAnimato is a case study on a Platform to create videos based on templates. You can check some page layouts and read more about them on the Article page.
TypescriptNode.jsExpressNext.jsReact-Hook-FormPostgreSQLTypeOrmRedisBullQueueReact Hooks & ContextJWTLottiePagar.me Api
Bayer
I was responsible for creating all scenes and characters technical aspects: body and facial rigs, grain filter expressions and camera setups. Project made by Motion Hand Studio.
JavascriptExtendScriptAdobe After EffectsDUIKPuppet-PinAdobe IllustratorAdobe Photoshop
Huawei
I had pretty much the same role as the Bayer project on this one: I was responsible for creating all scenes and characters technical aspects: body and facial rigs, grain filter expressions and camera setups. Project made by Motion Hand Studio.
JavascriptExtendScriptAdobe After EffectsDUIKPuppet-PinAdobe IllustratorAdobe Photoshop
Skoland
Project made by F/Nazca, where I was responsible for the setup and animation of the stick 2D character, microphone, 3D creation, setup and animation of all cans.
JavascriptExtendScriptAdobe After EffectsAutodesk 3dsMaxPuppet-PinAdobe IllustratorAdobe Photoshop
About
Contact
I'm always looking for new projects and challenges! Feel free to contact me at cgbordin @ cgbordin.com or via the form below: