Case Study: CodeChef-VIT Gravitas Event Websites
Visit Cookoff Website→
1. Challenge:
a. General Challenges:- The need to create event pages for Gravitas23, a tech fest by VIT Vellore.- Decision to host three events: Cookoff 8.0, Clueminati, and Tech Talks.- Minimal unique requirements for each website; common theme used with text and color variations.
b. Differentiation:- Implemented a unique mask text hover effect for each website to add a fun and distinct touch.- Maintained consistency in main elements while adjusting details and adding event-specific sections.
2. Research:
a. Audience:- Target audience: Students and tech enthusiasts, mostly freshmen.- User feedback from previous events emphasized the need for clean and precise information.
b. Color Choices:- Analysis of competitors' event websites to inform design choices.- Incorporation of dark mode with bright theme colors (fluorescent orange, green, and purple) for a modern and appealing look.
3. Solution:
a. Design Concept:- Minimalistic and bold typography with micro interactions.- Dark mode with bright colors to appeal to the target audience.- Unique cursor states for call-to-action, with a video that full-screens on hover.
b. Information Architecture:- Structured content to provide essential information like prize pool, speakers, location, and time.- Implementation of dark mode and bright theme colors to enhance readability and engagement.
c. Interactive Elements:- Unique mask text hover effect for added fun and distinctiveness.- Micro interactions, such as revealing hidden mask text, to engage users.
4. Mockups and Designs:
a. Iterative Process:- Used Figma for design; developers provided with regular updates.- Multiple samples for each hover state and interaction to ensure seamless implementation.
b. Design Tools:- Figma was the primary design tool.- Collaboration with developers ensured design feasibility and consistency.
c. Unique Challenges for Each Event:- Adjustments made for event-specific elements while maintaining overall consistency.
5. Learnings:
a. Lessons from User Feedback:- No user feedback collected post-publishing.- Consider incorporating user feedback in future projects for continuous improvement.
b. Collaboration Insights:- Collaboration with developers ensured a smooth transition from design to implementation.- Consider exploring ways to align design goals with organizer expectations.
6. Results:
a. Metrics and Analytics:- 25k site visits in 3 days.- Increased registrations: 900+ for Cookoff, 500+ for Clueminati, and 400+ for Tech Talks.
b. User Engagement:- More interactive site design contributed to increased registrations.- Attracted interest from freshmen, showcasing the club's technical capabilities.
7. Conclusion:
- Successful execution of event websites, leading to increased engagement and registrations.
- Consideration for future projects: Incorporate user feedback for continuous improvement.