top of page
PudgeBack.png
Blank.png
StickyNoteUX.png

University of Washington - Bothell Home Page Revision

BlankWindow.png
UWBHomepage.png
BlankWindow.png
UWBHomepageRevision.png

A homepage is very important to any establishment pushing themselves out to the world.  It displays identity, purpose.  A great or bad homepage can determine the success of the organization.  When my group took an objective look at our school's home page, we noticed many design choices and factors that left much to be desired.  Especially compared to the homepages of the other UW campuses portraying their own distinct art styles and identities.  We aimed to redesign Bothell campus' home page, touching on the pain points of the site's design/navigation, all the while trying to preserve successful aspects of the current design and reimagining it.  All the while making sure to have our homepage stand out from the other campuses and achieving a unique identity among them.

Unified under the goal of creating an efficient, accessible, and organized homepage, we set out to develop it.  Keeping the main audiences of prospective and current students in mind, a streamlined experience with little frustration was a necessity to have.  To ensure these parameters would be met, we've conducted rigorous testing; utilizing both real people and fleshed-out personas.  Using the data received from surveys, notes, and frameworks discussed in class, a wireframe and eventually final design was reached.  A design in the end we felt proud of: a design that honors the old design, all the while touching upon the pain points that dragged the original homepage down.

If you wish to take a deeper look into our development processes, reasonings, or what we've made with the information we've received, I implore you to explore the documents below!

notepad-5.png

research report

FigmaLogo_edited.png

figma file

Win98NotepadEdit.png

The Figma file is how you can view our redesigned site!  For comparison, here is the current UWB homepage.

netshow_notransm-2.png

overview slideshow

Husky Gaming Club - Iconography and Posters

Being a founding member of what is now the largest club in the Bothell campus of the University of Washington, I've been a part of each step of the club's formation.  A very important part of this process is creating the club's identity, how we portray ourselves.  This was achieved through our creation and use of logos, posters, and social media assets.

One of the first things that were developed was our logo.  Establishing our icon as early as we could was key, before we moved on to the other marketing material.  While creating the logo, I learned a lot about utilizing vector graphics, which was useful for translating our logo onto larger things like flags without losing definition.

BlankWindowSquare.png
HGCLogoOlder.png
Win98NotepadEdit.png

A simplistic logo, there is little character in terms of color, font, or icon.  Though it laid the groundwork for future logo iterations.

xarrowl.gif
BlankWindowSquare.png
HGCLogoOld.png
Win98NotepadEdit.png

With a more unique, stylized icon, as well as updated font and color profile, we felt we had something good here.

xarrowl.gif
BlankWindowSquare.png
HGCLogoHalloween.png
Win98NotepadEdit.png

Our logo during October, in celebration of Halloween.  We used colors that fit more in line with the season.

BlankWindow.png
HGCFlag.jpg
Win98NotepadEdit.png

The graphic used for our flag, as well as our social media banners.

BlankWindowSquare.png
HGCLogo.png
Win98NotepadEdit.png

Though we mostly focus on video games, we aimed to broaden our focus with other game formats like tabletop; our now current logo reflects this.

BlankWindowSquare.png
HGCLogoChristmas.png
Win98NotepadEdit.png

For the holidays, we opted to make the logo look as if it was stitched onto an ugly sweater.  

On top of developing our logo, we as well had to develop interesting poster designs.  Stuff that would stand out in the halls of our campus, advertising the lax, social nature of our club, as well as the events we would set up.  The designs evolved as we grew more experienced in what a poster should have, in design and in UW guideline.

BlankWindowTall.png
HGCPoster2.png
Win98NotepadEdit.png

Our first event poster, we were still figuring out a theme to go by.  Here, we replicated a poster design reminiscent of older tournament adverts.

BlankWindowTall.png
HGCPoster.png
BlankWindowTall.png
HGCPoster4.png
BlankWindowTall.png
HGCPoster3.png
BlankWindowTall.png
HGCPoster5.png
Win98NotepadEdit.png

One poster of a series, we started figuring out our design identity here.  Though we feel there was still room to improve and stand out.

Win98NotepadEdit.png

Further developing our identity, we also had to tackle how to design something like programming into an aesthetically pleasing flyer.

Win98NotepadEdit.png

A more modern poster, our theming has been figured out by now.  It shows off the more popular games within the club.

Win98NotepadEdit.png

For our LAN event, this poster required lots of attention to detail and making sure each "block" placement made sense.

Companimals - Mobile App Wireframing

Being tasked with developing a high-fidelity prototype for an app based on our local Woodland Park Zoo, we aimed to prototype and develop systems that would generate empathy for the animals present at the zoo.  Hopefully bringing awareness to the status of these animals and teaching what can be done.

Trying to evoke a sense of empathy for the animals of the zoo and in turn the world, we tossed many ideas out to see what could work.  Over deliberation, we felt it best to create an application with kids in mind.  In turn, we sought to make appealing UI designs, simple games, and real-world connections to the app.  As such, with children as the main audience, this defined our focus for user testing, story boarding, and persona creation, among other factors to consider.  

BlankWindow.png
lofi_camera.jpg
BlankWindow.png
lofi_map.png
BlankWindow.png
sketches_Artwork.png
bottom of page