SPL's Internal Event: Values Challenge
Helped SPL transform their internal event into an unforgettable, value-driven experience that deeply engaged employees. By developing seven interactive web-based challenges aligned with the company's core values, I created a fun and memorable way for SPL to reinforce their principles, promote teamwork, and gather valuable employee feedback. The project resulted in a significant increase in employee engagement and a wealth of innovative ideas for future initiatives.
"We cooperate and share together" collaborative game
"We exceed our customers expectations" scenario-based challenge
"We innovate solutions for the future" idea submission
Features & Functionality
Puzzle Challenge
A timed puzzle game where employees assemble a picture representing "We move fast."
Collaborative Game
Two players work together, one with instructions (mobile) and the other interacting with the screen, to complete a task representing "We cooperate and share together." This challenge was the most popular at the event, promoting communication and teamwork among participants.
Drawing Challenge
Employees draw an image representing "We commit to doing more" in three rounds, with the option to improve their drawing in each round.
Scenario-Based Challenge
Employees respond to scenarios related to "We exceed our customers' expectations," with AI evaluating their solutions.
Confession Booth
A platform for employees to anonymously share their thoughts and experiences, representing "We are characterized by trust and transparency." This encouraged open communication, receiving over 200 anonymous submissions and providing SPL with valuable insights into employee sentiment.
Idea Submission
Employees combine elements related to SPL services and innovative technologies (AI, Robotics, etc.) to create and submit new ideas, representing "We innovate solutions for the future." This challenge generated over 150 innovative ideas for potential future projects at SPL.
Interactive Challenges
Employees solve various challenges related to SPL's services and values, representing "We always overcome challenges."
Technical Details
Frontend
- HTML
- CSS
- JavaScript
Backend
- Firebase Realtime Database
Libraries
- Font Awesome (for icons)
Tools
- Git
- Gemini API
Design
Aesthetic
Modern, engaging, and aligned with SPL's branding, featuring a dark mode interface with vibrant accents.
Color Palette
Typography
- SPLFont
- Cairo
- Arial
Responsiveness
All applications are responsive and function seamlessly across various devices, including touch screens and mobile devices.
Accessibility
Designed with accessibility in mind, featuring clear text, sufficient color contrast, and keyboard navigation support.
Challenges & Solutions
Challenge: Tight Development Timeline: The project required rapid development and testing to meet the event deadline.
Solution: Utilized agile development methodologies, including rapid prototyping, iterative development, and close communication with the client, to ensure timely delivery.
Challenge: Ensuring Seamless Integration of Diverse Challenges: The project involved creating seven different interactive experiences, each with unique technical requirements.
Solution: Employed a modular design approach and leveraged JavaScript libraries and frameworks to streamline development and ensure seamless integration between the different challenges.
Challenge: Optimizing for Touch Screen Interaction: The event primarily utilized touch screen displays, requiring careful consideration of user interface and user experience design.
Solution: Conducted thorough testing on touch screen devices and implemented responsive design principles to ensure optimal usability and a smooth interactive experience.
Ready to start your own project?
Start Your Project Now