It’s Skye! I’m a senior product designer
that builds durable design systems
and research-led experiences
for complex products.
Archive / WIGRAPH
WIGRAPH
Boston
Website
Product Designer, Brand Design, 3D Artist
The goal of this project is to redesign their website, and improve how users search and experience WiGraph information before registering an event or subsribing.
Sprint 1
Logo/Branding
Sprint 2-4
Website designing/coding support
In realizing that Part 2 of the project would not make the deadline for the annual launch of the Berthouzoz Women In Research Lunch in late August, and part of the team being in various time zones due to COVID, I readjusted the timeline to implement room for feedback/guidance in between each sections.π
Sprint 1
Logo
Sprint 2
Branding Guide
Sprint 3-4
Website designing / coding support / 3D landing page graphic
① the gap where the ends are close to meeting ② the ‘i’ at the bottom of the G, so when it is sized down or up across different mediums, it will still look proportionate. |
As a way to continue commemorating Berthouzoz, I refined the colors into 3 hues: Jasmine, Meduium Purple, and KSU Purple, to be used as the main palette across all branding.
Fiery Rose, Yellow Orange, and Yellow Green Crayola, as the secondary palette, upholds the ideas of passion, determination, and growth; all of which, further defines WiGRAPH as place where women can empower not only themselves but each other. I also chose these colors with gender neutrality in mind. Though WiGRAPH is a group that is targeted at women in graphic research, people of all sexual orientations and job ocupations are welcome to join and network.
{ Navigation }
{ Graphics }
{ Hierarchy }
Once I identified the areas requiring improvement, I developed a sitemap to assess the hierarchy of information/pages and map out their connections. The way information is organized and the destinations it links to are crucial for guiding users through the website, making it a fundamental element in shaping the site’s overall structure.
A fitting grid for the WiGRAPH website would be a space that exhibits ‘graphics’ and ‘connection’. For the main grid, I presented a 1:2:5 ratio that designates an area for grpahics/pictures of award winners, events, and social gatherings next to any informations while being read.
Because WiGRAPH is an organization that readily offers networking opportunities for women graphics researchers and more, I wanted the main focus of exploring the website be a connection from the users (the researchers) to WiGRAPH (the graphics network).
I envisioned an animated graphic at the beginning of the project for the home, something that would inspire users to discover informations through other pages of the website. The landing page of WiGraph should also display an inviting aspect to networking with other graphic artists and researchers since WiGRAPH works to expand from 2D/3D to other graphic fields.
As the project continued with a readjusted timeline, I used the 10 week sprint to learn a 3D software and create a more suitable component. I performed trial and error during the summer quarantine period to grasp the knowledge on Blender. The objective I struggled the most with, was the lighting. Finding the correct shading and brightness on the studio camera, consumed considerably more time than making and placing each object in position. And as the sprint came to a close, I finished the graphic in time to be placed on the live redesigned version of the website.
While the teapot containes the spheres and icons within, the act of pouring is what WiGRAPH sees to: expanding the field and allowing the opportunities to roll out.
Prototype
Though the transferring of the design to a live website is an ongoing project for WiGRAPH’s team, I am glad to have had the opportunity to work with such amazing individuals (from all over the country and despite COVID/time difference) in pioneering a space for the womens’ graphics research outreach!
| Oh dang, you’ve hit the end of the project! But don’t worry, there are many other projects to explore. Feel free to keep browsing. |