Twitter Profile – Research

I was given 24 hours to complete this design exercise given these instructions:

The profile view for any Twitter user has the potential to be the hub of their online identity, and the place others can go to learn who a person is or what’s been happening with them. How would you improve or redesign a user’s profile to better serve both the profile owner and viewers of that profile?

Propose a redesign of a user profile page on Twitter by identifying what is deficient about the current profile page and delivering a proposed solution which includes explanations of how you address those deficiencies.

Your solution should include one proposal for Twitter.com and one for smaller-screen mobile client (such as iPhone, or Android, etc.).

We would like to receive the submission within 24 hours. Use as much or as little time as you feel is necessary to adequately capture your solution. As a guideline, we expect the exercise to likely take 4-6 hours.

We are not looking for production-ready deliverables, but a clear representation of your thought process in arriving at your solution.

This was the deck that I created within that time-frame. I started with researching the profile experience across all available platforms, and proposed three main solutions into the redesign.

Twitter Profile – Solution

This is the second part of the deck that I built where I propose three main solutions based on the research. They included:

1) Making the profile section more prominent to create more importance and personalization.

2) Adding the ability to directly interact with a user through primary controls above the profile to make communication easier and more effective.

3) Using a responsive web design approach to create more consistency across all platforms and solve the issues of the mobile web experience that currently exist.

Runner’s World – iPad

These slides are from my Runner’s World case study. In this section I show the experience of navigating to the pace calculator tool on the iPad. I’ve also included a video of the interactive prototype I created being used on the device.

Runner’s World – iPhone

These slides are from my Runner’s World case study. In this section I show the experience of navigating to the pace calculator tool on the iPhone. I’ve also included a video of the interactive prototype I created being used on the device.

Runner’s World – Web

These slides are from my Runner’s World case study. In this section I designed wireframes to show the web experience of navigating to the pace calculator tool, along with a proposed mobile web experience using a responsive web design approach. This would create a better consistency across all screen sizes.

Runner’s World – Content Audit

These slides are from my Runner’s World case study. In this section I went through all the current content of the site, then did a card sorting exercise to organize the content based on user needs. This lead to the completion of the content audit and informed the site map.

Runner’s World – Benchmark

These slides are from my Runner’s World case study. This section looks at existing sites for popular sports magazines that are editorial and content-heavy. The purpose was to provide a benchmark for restructuring the site.

Runner’s World – User Research

These slides are from my Runner’s World case study. This section looks at the results from the user research I conducted.

Project Lifecycle Visualizations

Some data visualizations I created for Space150 showing the lifecycle of a project.

Running Log Infographic

My running log over the course of a week. The numbers in the circles are miles ran that day, along with the entries I wrote for the runs, and the colors indicate what type of run it was.

Skins Packaging

Package design of products for people with sensitive skin. Includes packaging for soap, shampoo, conditioner and lotion.