Timehop
Launched 2016
10 teammates

Signup and Onboarding Refresh

UX, Design, Creative Direction

My first major project at Timehop was redoing their signup process and user onboarding. The objectives for the redesign were to streamline the overall flow and to add a Phone Number Login option for users alongside the existing Facebook Login.

Signup Flow 1
Signup Flow 2
Signup Flow 3

Working with a project manager, we developed a "story" to bring users along the 20+ steps of the signup flow. The story we landed on involved visualizing our content sources around a "house" of memories. I found, hired, and managed a freelance illustrator to bring the story to life. In 2018, we added a new feature to the process that would give new users the chance to experience some of the functionality of Timehop before signing up completely.

Would you like to know more?

Phone Login Wireframes

Phone Login Wireframes

Onboarding Overview

Onboarding Overview

2018 Signup Refresh

2018 Signup Refresh

Old Timehop . . . New Timehop

It's important to note that Timehop underwent a major and complete redesign. From the ground up. Why? There's a long answer, but the TL;DR is that the app that scrolled vertically changed to a "fullscreen experience" that taps/swipes. Ultimately, this was to improve ad revenue.

Old Timehop

New Timehop

Internally, the newest version of Timehop was dubbed 4.0, it launched in December of 2016. The previous version, Timehop 3.0, wasn't fully phased out, so many of the elements of the app had to live in and function in both versions of the app until 3.0 was completely shut down in 2018.

New Timehop • Overall Design

Product Direction, UX, UI, Visual Design

Overall Design 1
Overall Design 2
Overall Design 3

Designing the overall look and feel of the new fullscreen Timehop involved a staggered roll out and small redesigns as user feedback came in. Primary objectives were to improve the user experience by bringing back functionality that was deemed non-essential for launch and iterating on new designs for text posts, albums, and the sharing UI.

Would you like to know more?

Pretty much every screen in the app

Pretty much every screen in the app

App Header Design Evolution

UX, UI, Visual Design

Header Evolution 1
Header Evolution 2
Header Evolution 3

Daily News Item

Creative Direction, Copywriting, Research

Daily News Item

Timehop ends every user's day with a newsworthy event that happened "on that day" in the past. Shortly after I started, I volunteered to overhaul and manage the news entirely. To do this, I implemented the following:

News Item 1
News Item 2
News Item 3

Advertising Partnerships

Monetizing Timehop meant kicking off advertising. To lay the ground work, all ads were done as partnerships between Timehop and the clients. The first units were all custom built one-offs by us, where I oversaw the design efforts and implementation of the client's creative needs.

Ad Units from Timehop 3.0

Ad Unit 3.0 - 1
Ad Unit 3.0 - 2
Ad Unit 3.0 - 3

By the time 4.0 had launched, ad partnerships continued to allow custom units, but we also standardized the most common units to make implementing on our end easier and more cost effective. I worked alongside our marketing team and engineering team to standardize our efforts, reducing internal overhead when running ad partnerships.

Ad units from Timehop 4.0

Ad Unit 4.0 - 1
Ad Unit 4.0 - 2
Ad Unit 4.0 - 3

"Yearsbooks" Concept & Prototype

Pretty much did what Product Designers do

My time at Timehop began with a proof-of-concept feature. The goal of the project was to build out more social interactions BETWEEN Timehop users and encourage new functionality beyond daily viewing and sharing.

While this project never officially launched, I worked with the CEO directly to narrow down his goals for social and articulate ideas from a brainstorm into a working prototype.

"Yearsbooks" was one of two ideas that came to life with the intention of letting users save memories "beyond the day of" and share those favorite memories with friends inside the app.

Would you like to know more?

Add to a Yearsbook flow

Add to a "Yearsbook" flow

Move/Remove Item flow

Move/Remove Item flow

👋

π