UX/UI

I was asked to incorporate social media buttons into the mobile version of Time.com so that when an article is open, the reader can share it at any time. I explored static and dynamic options. In the examples below, there are static social media buttons positioned at the top and bottom of the article. In the menu, the social buttons load at the top when the menu is loaded, but then move to the bottom of the screen as the reader scrolls through the menu.

TOP OF ARTICLE

BOTTOM OF ARTICLE

MENU LOAD

SCROLL DOWN MENU

As Time.com prepared to launch the new Ideas section of the website, I put together a number of layouts that editorial would be able to choose from when updating the live content. The formatting of the featured articles could highlight the ideas, story titles or authors.

FEATURED IDEAS LAYOUT

FEATURES STORIES LAYOUT

FEATURED AUTHORS LAYOUT

Time.com was pitching sponsored content to Rolex. For the purpose of their presentation, I designed new content pages for both desktop and mobile, indicating where the ad placements would be as the reader scrolled through the site’s content.

DESKTOP

MOBILE

Part of a multi-function, educational app for Pearson, this reading log was meant to be accessible by the student, his or her parents and teachers. When creating a new entry for a book, a cover image would be selected from an online image library. As students read more pages or chapters of a book, they would summarize their progress. Upon finishing a book, they would write a review.

HOME SCREEN

SUMMARY SCREEN

REVIEW SCREEN

FINISHED BOOKS SCREEN

This interactive timeline was made to be part of an educational app for Pearson. The layouts below were put together to guide programmers as they produced a working prototype that could later be modified to build two versions, one with big buttons and a simple, colorful aesthetic for younger students and another with a more sophisticated design for older students.

TIMELINE INTERFACE

EVENT INTERFACE