IMM Grad Show
During my interactive media management course, our class was assigned the task of creating a website for our graduation show. This project was a collaborative effort where each group member contributed to developing a unique identity for the event, which we finalized through a voting process. The primary objective was to design, develop, and launch a professional website that would serve as the central hub for our graduation show. This included showcasing our work, providing event details, and promoting the show through various social media channels.
Visit Link
Client
Sheridan College
Role
UI/UX Designer
Tools
Adobe XD, Adobe Illustrator,
HTML, CSS, Javacript,
Bootstrap, Vue.js
Date
Travel
Problem Statement
We needed an online platform to showcase the projects and achievements of our graduating class, while also promoting the graduation show.
Solution
We developed a website that not only provided information about the graduation show but also featured individual and group projects and student profiles. Additionally, we marketed the website on social media to reach a wider audience and generate interest in the graduation show.
Concept
IRIDESCNT THEME
Our chosen theme for the project was "Iridescent." The idea behind this theme was to create a visually captivating and dynamic experience that reflects the multifaceted nature of our work and the diversity of our skills. Iridescence, with its changing colors and shimmering effect, symbolizes innovation, creativity, and the ability to see things from different perspectives. This theme influenced our design choices, color schemes, and overall aesthetic of the website. Below is the moodboard
Style Guide
Fonts: We chose simple sans-serif fonts, Montserrat and Open Sans, for their versatility and readability across different platforms such as print, web, and mobile. These fonts enhance the colors and complement the iridescent theme without overshadowing it.
Color Scheme: The color palette was selected to harmonize with the iridescent theme, incorporating hues that shift and shimmer to create a dynamic visual effect. This approach ensured a cohesive look and feel throughout the website
Low Fi wireframes
To plan the layout and functionality of the website, we created low-fidelity wireframes. These wireframes provided a basic visual guide of the site's structure and helped us iterate on the design before moving to high-fidelity prototypes.
Hi Fi wireframes
After finalizing the low-fidelity wireframes, we created high-fidelity wireframes to refine the design details and visual elements. These wireframes closely resemble the final product and include the iridescent theme's design elements.
Social Media
After finalizing the low-fidelity wireframes, we created high-fidelity wireframes to refine the design details and visual elements. These wireframes closely resemble the final product and include the iridescent theme's design elements.
04
Result
By incorporating a branding strategy centered around modernity, sustainability, and forward-thinking, Nebul successfully transformed its image into a recognized and respected force in the architectural and urban planning industry. The sleek and contemporary design elements, coupled with visuals of eco-friendly projects and cutting-edge technology, positioned Nebul as a leader in shaping the future of urban landscapes.