Wafifest 2024

Product
Product

2024

The objective was to build an information hub for Wafifest, an annual competition and event at Al Wafi Islamic Boarding School, ensuring a smooth transition from Instagram to competition registration.

Process

Design: Created an engaging and visually appealing layout that aligns with Wafifest’s branding while ensuring clear navigation for participants.

Development with Framer: Built the website using Framer, incorporating smooth transitions and interactive elements to enhance the user experience.

Animation Challenges & Solutions: Faced initial difficulties handling animations in Framer since it was the first time working with them. Through experimentation and refinement, the final animations turned out visually stunning and added a dynamic touch to the site.

Revisions & Testing: Made a few refinements based on feedback, tested the registration process for usability, and optimized performance to ensure a seamless experience.

Publishing: Successfully launched the website, ensuring that all links and forms worked smoothly for users coming from Instagram.

Outcome

The website enabled a smooth registration process with no complaints from users. The animations and interactive elements enhanced engagement, making the site not only functional but also visually impressive.

Tools used

Framer, figma and canva