Lightning
Lightning is a creative design studio that has transformed into a collective embracing business design, fundamentally rethinking companies through their brave and conscious approach, spiced with cross-dimensional creative expertise and endless talent capacity.
Specifications
- Built with HTML5 semantic tags, React.js, Tailwind, Framer Motion
- Total of 5 pages
- Mobile-first workflow
- Responsive on all devices
Features
- Animations & Transitions
- Smooth page-based transitions
- Smooth scroll-based transitions
- Smooth project category filters
- Infinite marquee components
Lesson Learned
This website was designed by a talented designer, Shcherbakov_K. From developing this website, I learned about animations based on page transitions and scroll transitions. Actually, in its UI design, there was no prototype indicating the need for such animations, but I often observe that for websites owned by creative studios like the one I developed, they usually use animations to make them more engaging and interactive. Finally, I tried to implement animations that still seemed simple, so they would blend with the clean UI design concept.
One thing I don't really like about developing creative websites is that we usually need to use more elements/tags like 'div' to realize animations outside of the main content needs. But I think if I learn more, there must be a way to overcome that so that the written code can be more efficient and not require unnecessary amounts of tags/elements.