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

Project showcase laptop mockup
Project showcase laptop mockup
Project showcase laptop mockup

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.

Project showcase laptop mockup
Project showcase laptop mockup
Project showcase laptop mockup
Project showcase laptop mockup
Project showcase laptop mockup
Project showcase laptop mockup

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.

Let’s Collaborate

Hira

©

2024

Let’s
Collaborate

©

2024

Let’s
Collaborate

Hira

©

2024