Swag me up

• 

  An interactive Figma prototype showcasing the final design and smooth button animations for Swag Me Up, created for the BlinkSwag Hackathon.

Inspiration

I created Swag Me Up for the BlinkSwag Hackathon to design a fun and stylish button that reflects individuality and creativity. My goal was to make something simple yet visually striking, aligning perfectly with the hackathon’s theme.

What it does

Swag Me Up is an interactive button concept with clean visuals and smooth animations. It’s designed to be engaging and modern, giving users a fun experience through simplicity and style.

How we built it

The entire project was designed in Figma. I started by creating basic wireframes to outline the layout and appearance. Once the design was finalized, I focused on building smooth animations, experimenting with timing and transitions to create a polished motion effect.

Challenges we ran into

The biggest challenge was perfecting the animations in Figma. It took several iterations to get the motion smooth and visually appealing while keeping the overall design lightweight and clean.

Accomplishments that we're proud of

I’m proud of designing a fully animated button that’s both functional and visually attractive. Bringing my vision to life and improving my motion design skills was a rewarding part of this experience.

What we learned

Through this project, I learned how to use Figma’s animation tools more effectively, especially for timing and transitions. I also learned the value of iteration and feedback, realizing how even the smallest design tweaks can significantly improve the user experience.

What's next for Swag me up

Moving forward, I plan to turn this concept into a functional component by developing it with HTML, CSS, and JavaScript so it can be used in real-world projects. I also want to explore adding interactive states, like hover effects and sound feedback, to make the button even more engaging.

Built With

• figma