Landing Pages
Web & motion design exercise.
Description
Year
2024
Purpose
Personal Project
Work
UX / UI Design
Art Direction
Web Design
Tools
Figma
Framer
Blender
Adobe Suite
Web & Motion Design exercise
As a design exercise I created three websites concepts with animations and their own visual identity. The purpose being to learn more and apply my knowledge in web design and development.
Concepts
For this project 3 websites concepts and visual identities were designed:
3DUCATION
A website with educational articles, tips, tricks about 3D Design. It uses scrollitelling to explain the content of the article. The animations use an image sequence for the 3D seashell, the sequence is triggered by scroll sections. The image sequence was rendered in Blender optimized for web.
Photographer Portfolio
A website portfolio for a photographer with different collections and scroll animations. The animations are based on scroll triggers and 2d + 3D tranforms.
TonPod E-Commerce Website
A landing page for an E-Commerce witth animations. The animations use an image sequencel, the sequence is triggered by a scroll section in the hero section. The image sequence was rendered in Blender optimized for web.
Images
The result of the exercise are 3 different website concepts, eahc with a different art direction and unique animations that complement their purpose.
© 2025 Marlon Vargas - All rights reserved.