Audrey Liu's profile

Rapid Web Graphic Remake

Rapid Web Graphic Remake
- How I "built" a webpage in 48 hours
When offered the opportunity to rethink the Hispanic National Bar Association's (HNBA) website, I took my initiative to conduct a few interviews with the website users first. During each interview, I asked questions about their personal information for identifying user groups, their reasons and goals to visit the website, and how they feel when navigating through it. I also observed their experience by watching them browsing the website and noted their pathways and time used for each tasks. 

Although most the feedback of the current website are positive. I still gathered the main complaint/difficulty, which is there are too much information presented on the same page altogether. In one of the user's feedback, they stated "it almost feels like flipping through a magazine from 80's." (see below for the original website page)
In the book "Don't Make Me Think - Revisited," the author Steve Krug encouraged us to design the website like a billboard, in which there are three rules that's worth to follow here: 
- Create effective visual hierarchies 
- Break pages up into clearly defined areas
- Format content to support scanning

Thus in the rapid website rethinking/remaking, I chose to work on these three areas. I extracted all the information including images and written content from the existing website by viewing their page code and created a color palette from examining their most significant colors. 
I then reordered all the content and made them fitting into the 9 categories in the main menu and include the "Immigrant Legal Defense Fund" on the home page due to its timely importance. And since the the top two reasons visitors coming to this website were for looking for events and News, I separated them into two pages and made every item more obvious and clear. 
Following that, we have three sections to show the statistics of the organization performance, the quote from the president, and HNBA's social connection and collaboration. 
I have also linked their Flickr album onto the website all the pictures from their past events and programs will be more visible to the public. 
Finally it's the website footage. 

This whole process took less than two days, in which most of the time was spent on looking for the interview candidates and conducting the interviews. Since it's only a mock-up, unfortunately nothing was clickable and there's no secondary webpages. However, this whole process was super fun and I have not only showed my ability to do a website remake, but a real practice with all the content research and user interview processes. And once more, being awed by Steve Krug who wrote this legendary book ;) 
Rapid Web Graphic Remake
Published:

Owner

Rapid Web Graphic Remake

Published: