Homepage Redesign

Website design | Branding | UX design | Typography

Image.net is a site owned by Getty Images that provides free publicity photos and videos to media clients. The homepage design was getting stale and we were tasked with finding ways to improve the site experience. We created and administered an user survey and an usability study to identify areas to improve, and then produced UX designs based on user feedback.

Stage 1

Collect

User Survey

Before diving into the design process we wanted to understand what features were most desired by our users. We designed and distributed a survey to find out how users were currently using the site, and how they would prefer to access our content. Analyzing the survey results helped us determine what to feature on the home page, and how to prioritize the content.

Usability Study

We followed up on the survey with a series of user interviews to get more detailed information on features that were confusing or frustrating. From these interviews, we found specifically that users were struggling with finding and downloading content quickly.

For the usability study we first identified what our main goals from the study were going to be.

  1. Understand our users and their workflow
  2. Oberserve and dive deeper into their key user concerns

Then we developed the set of questions that we asked each user during the study.

  1. In the survey we recently sent you, you mention that you struggle with [x]. Could you walk us through [x] and talk more about your frustrations or concerns?
  2. How could we make [x] work better for you?
  3. Are there other sites that you visit where [x] works really well? Can you show us what that looks like?

Market Comparison

After gathering information from our users, we compared the image.net homepage with competitors in the industry. We used this research to identify strengths and weaknesses of the current design and to help us find ways to improve the site.

Stage 2

Iterate

Brainstorm Session

We brainstormed design concepts using a technique that combines creating pre-formed modules and sketch work with a whiteboard and magnets. It’s like putting a puzzle together and you can quickly create ideas. This process allows non-design team members to visualize ideas quickly. In the early phase I always love including the entire team as everyone has a perspective to contribute.

Hi-fi Wireframes

We finished the project by creating hi-fidelity wireframes that conveyed the new information architecture and interactivity.