Duration: Ongoing
My Role: Web Designer (Undergraduate Student Assistant)
Tools: Adobe Illustrator, Figma
Department: Info Tech & Comm Design
This project is for my student assistant role for the University Corporation at Monterey Bay. It is a state-funded project focused on creating an internet speed testing web application for internet users in California. I worked extensively with software engineers to create the visual design for the application.
Sketches
I first started by sketching out my versions of the web application screens, using the layout of the current web app as a starting point.
Mid-Fidelity Wireframes
Landing Page Variations
I was told to focus more on the landing page design, so I made different variations incorporating different visual elements. Colors were based on existing branding for CalSPEED.
Landing Page Iteration
The software engineers implemented a version of the landing page based on my designs. The engineers received feedback on the new landing page design and I was tasked with making further changes to the design. Part of the changes I made included changing the color scheme to match the California Public Utilities Commission (CPUC) instead of going off the previously established CalSPEED branding.
In order to modify the current design that was implemented by the engineers, I used the “Web to Figma” Figma plugin. The general layout was kept but sizing, spacing, and colors were modified.
I also made the 3 graphics/illustrations for the homepage.
Illustrations I made:
Logo Design
I was also tasked with creating a potential new logo for CalSPEED. Ultimatly, the management decided to go with the CPUC logo for CalSPEED’s website, but this was a good experience regardless.
