.svg)
Spectrum
Overview
Spectrum is a school program that provides training in 7 different cultural subjects such as Piano, Guitar, Tabla, Vocal music, hip-hop, Kathak, and self-defense.
The objective of this project was to create a landing page that would provide an immersive and interactive experience to the user and showcase the various training programs available. The website was designed with smooth animations and a user-friendly interface to encourage users to explore the different programs and learn more about them.
My contribution
UI Design Webflow Interactions and Animations Webflow Development
The team
1 x designer and developer 1 x founder 2 x co-founders
Year
2018
Process
Week 1:
- Conducted research on Spectrum's target audience and their competitors.
- Created user personas based on the research to better understand the target audience.
- Developed a site map and wireframe for the landing page that emphasized ease of use and clear navigation.
Week 2:
- Created a design for the landing page using Figma, incorporating a colorful and lively theme that reflected the cultural diversity of the training programs.
- Designed attention-grabbing visuals and clear calls-to-action that aligned with Spectrum's branding.
- Worked with the Spectrum team to ensure the design met their expectations and goals.
Week 3:
- Began development of the landing page using web development tools such as HTML, CSS, and JavaScript.
- Developed a responsive design that worked well on all devices.
- Implemented smooth animations and interactions that enhanced the user experience and encouraged exploration.
- Created optimized content for the website that aligned with Spectrum's branding and messaging.
Week 4:
- Conducted testing and made final adjustments to the landing page.
- Ensured that the landing page was optimized for search engines.
- Created clear calls-to-action that made it easy for users to contact Spectrum and enroll in training programs.
- Launched the landing page, providing Spectrum with a valuable online presence that would attract potential students and promote the various cultural training programs.
-min.png)
-min.png)
Outcome
The final product was an immersive and interactive landing page that effectively showcased Spectrum's cultural training programs. The smooth animations and interactions provided a visually appealing and engaging experience that encouraged users to explore the different programs and learn more about them.
The landing page helped Spectrum to attract potential students and promote the various cultural training programs to a wider audience.
The optimized content and clear calls-to-action made it easy for users to contact Spectrum and enroll in the training programs. Overall, the landing page provided Spectrum with a valuable online presence that helped to promote the cultural diversity of the training programs and attract potential students.