Elaine Portfolio

Elaine Lai

Hackathon_1

15 Oct 24, by CMYK groupSham King Yin, Connie, Mahaittidon Natchanon, Lai Yi Ting, Elaine, Lie, Keith

View Site

Hackathon

Roles

Front End Developer

Skill+Set

HTML/ CSS/ SCSS/ JS/ GSAP

Project Objectives

Creating IDP Industry Night Website

Mission

The Industry Night celebrates creativity by showcasing students' portfolios, highlighting the impactful Brothers in Arms Project, and promoting innovation.
Attendees can explore diverse talents and connect with professionals while learning about the Interactive Design Program (IDP) and its dedication to fostering the next generation of design leaders.

Challenges

Team Communication and Job Division
With two front-end developers, it required clear communication to divide tasks effectively and avoid overlap.

Website Design and GSAP Animation
Initially, the team had many ambitious ideas, especially incorporating GSAP scroll animations. As a beginner with GSAP, I faced challenges troubleshooting conflicts between sections, especially when trying to adapt all animations cohesively.

Time Management
Managing multiple duties across the team was challenging, especially balancing tasks with tight deadlines.

Design Adjustments
The website design needed adjustments to better align with functionality and improve the user experience. This required iterative feedback and collaboration.

Outcome

Adjustments to the design ensured the website's functionality and user experience were prioritised.

Our team is honored with a Top 5 placement in the class out of 16 teams. This achievement represents our collective dedication and collaborative spirit throughout the project. Despite facing challenging deadlines and technical hurdles, our innovative approach and attention to detail set our work apart from the competition.This experience has strengthened our professional capabilities and prepared us for future collaborative challenges.

Hackathon_web_1.1
Hackathon_web_2
Hackathon_web_3
Hackathon_web_4
Hackathon_web_5
Hackathon_web_6

More Projects

Project Image

ZIMA

This project is how our team rebranded ZIMA from their logo, packaging and promotion video.

Project Image

Seven

Creating a brand identity for the makeup brand with a cohesive product line

Project Image

SwiftSound

This project included branding, motion design, 3D modeling, and web development.