🏆 Awarded Website – Immersive Animated Web Experience

A visually immersive, award-inspired website built using HTML, CSS, JavaScript, and Shery.js to create smooth, high-performance animations and interactive motion effects.

This project focuses on modern UI/UX principles, motion design, and creative layout structuring to replicate the feel of award-winning web experiences.

🌐 Live Preview https://awarded-website-using-sheryjs.netlify.app/

📖 Project Overview

The Awarded Website is a creative front-end project designed to explore advanced animation techniques and dynamic UI interactions using Shery.js. Unlike static websites, this project emphasizes: Motion-driven storytelling Scroll-triggered animations Interactive hover transitions Smooth element transformations Visually engaging layouts

The objective was to move beyond basic web pages and experiment with immersive, animation-rich web experiences similar to modern, award-winning websites.

✨ Core Features 🎬 Smooth scroll-based animations 🌀 Interactive hover effects ⚡ Fluid UI transitions 🎨 Modern layout and typography styling 🖱 Dynamic element transformations 📱 Responsive structure 🧩 Clean and modular code organization

🛠 Technology Stack Frontend HTML5 CSS3 JavaScript (ES6) Animation & Interaction Shery.js Scroll-based animation triggers Event-driven interaction handling

🧠 Technical Implementation

This project demonstrates:

1️⃣ Advanced DOM Manipulation Dynamic selection and transformation of elements to create interactive effects.

2️⃣ Animation Sequencing Careful timing and smooth transitions for a polished user experience.

3️⃣ Scroll-Based Interactions Animations triggered on scroll events to enhance visual storytelling.

4️⃣ State & Event Handling User interactions are handled efficiently through event listeners.

5️⃣ UI Composition Balanced layout structuring to maintain visual harmony while integrating animation.

Clone the repository:

git clone https://github.com/Srvankit/awarded-website.git

Open the project folder and run index.html in your browser.

No additional setup required.

🎯 Skills Demonstrated

This project reflects my ability to: Build visually compelling web interfaces Integrate animation libraries effectively Structure clean and maintainable frontend code Design motion-enhanced user experiences Manage Git and GitHub workflows professionally

🚀 Future Enhancements

Performance optimization Improved accessibility Enhanced mobile responsiveness Page transition animations Dark/Light mode implementation Component-based refactoring

👨‍💻 Author

Ankit Yadav Aspiring Frontend Developer

Focused on:

Advanced frontend development Building animation-rich interfaces Strengthening JavaScript fundamentals Preparing for high-quality internship opportunities

⭐ Support

If you appreciate this project, consider giving it a star on GitHub.