Web design: SMC Interaction Design (IxD) + Activision Website
I created the designs and developed this website as part of my job as a student aide with the web team at the SMC IxD program. The design is driven both by the needs of the visitors of the website, and the goal the client would like to achieve with the website.
To start the design process, I met with the client to discuss requirements, and the goal of the website. My objective in these interviews were: 1) understand my clients goals, as well as the goals of their intended audience they they understand them; and 2) list what the requirements of the projects are.
Audience Specific Goals
Create awareness for the Bachelor's program. Help with advocating for the program in terms of funding and support.
Potential Industry Partners
Seeing past results from collaborating with IxD program.
IxD Program Faculty and Staff
A way to document student work and process in the industry partnership projects.
See the work created by students in the IxD program to learn more about the program itself, and be inspired.
The design of the website should be reusable for other projects, and easy to onboard for future student workers to plug in content.
Includes all necessary content
Luke, the professor of the IxD + Activision project provided us with all the content that need to be in the website. We need to figure out a way to organize it.
To build a building, I need a blueprint first. I worked with Irene together to create a site map of a previous project sites for the IxD program.
The old site had several issues:
1) There were no way to return to the IxD website itself.
2) The branding deviates from the IxD website style guide.
3) It seems strange to separate research from prototype when they are all individual projects.
The site map for the IxD + Redbull site.
The site map for the new IxD + Activision site.
With the audience specific goals and the requirements in mind, Irene and I collaborated to create multiple versions of wireframes to communicate the idea and gain input and buy-in from stakeholder. I tested with several of my classmates casually to inform my recommendation to the client finally for Version C.
I followed the branding style guide created by the designers for the IxD main website, Playground Vision.
I worked on taking the design from the lo-fi wireframe to high fidelity versions of the prototype, and reached out to multiple stakeholders for feedback, before moving on to the final prototype.
After client approval of the prototype, I moved on to develop the site on Webflow.