Lantern

Find your way to a stronger self (2014 SXSW Winners)

Description: TVShowTime is a personalised TV calendar app used by over 850,000+ users worldwide. The goal of this project was to think through, conceptualise and design the desktop version of their iOS app. The primary goal was to enhance features while also creating a seamless transition for users who wanted to access their account via the desktop.

  • My role:
  • Wireframe
  • Information Architecture
  • UI / UX / IX Design
  • Product Design
  • Product Management
Lantern

Description:

Lantern's programs are being used by thousands of individuals, have partnerships with 30+ colleges/universities across the country, won the grand prize at SXSW Accelerator in 2014, and are venture backed. The team were great to work with and are located in the heart of Silicon Valley.

  • My role:
  • Wireframe
  • Information Architecture
  • UI / UX / IX Design
  • Product Design

What my clients had to say

My team and I have hired Michael for multiple projects over the past year, and he has consistently impressed us with his work and communication. He’s able to come up with elegant designs from very little direction, as well as intelligently and creatively work within existing brand guidelines and constraints. His ability to do both make him a huge asset to our growing company. He is also great to work with — he's able to work within tight timelines while communicating and responding to feedback well.

Lantern testimonial

Lindsay Garlock

Lead UX Designer

Our high level overview

Lantern's focus was to create a seamless experience throughout all devices. We wanted users to be familiar with ease and without having to learn new things on another device. The overall look and feel was to be friendly and engaging.

Fun, friendly and approachable

The style guide was built with a fun, friendly and approachable out look. We wanted to build a product which was effective but also feel great and enjoyable to use. If you notice the colours play a major part in the whole Lantern experience.

Lantern Feed

A clear and easy to follow layout

The 3 column layout allowed us to create a seamless experience for our multi device platform. From an informational architecture point of view, it also worked very well. It kept our navigational items and content clear and concise. We tried to keep the learning curve as minimal as possible.

Lantern Feed

Clear, daily programs

Every week we set a program for our users. Depending on what their needs are, the tasks may vary. From the get go, we want the user to know exactly how many tasks and steps there are to each program. We believe the clearer the experience is, the better and more enjoyable it is for the user.

Lantern Feed

Gamifying the tasks and programs

As a very simple concept, we adopted the basic 'unlock the badge' concept for our programs. For starters we wanted to test the concept to see it improves engagement rates. Further down the line, we had already planned for other ideas which we could implement to make the rewarding experience a lot more prominent.

Lantern Feed

Your personal coach is only a click away

Each user is assigned a personal coach who is only a click away. Located in the top right corner, a messaging system will slide out from the right which will reveal a chat area for the user. From here, users can communicate and continuously update their personal coach on their progress. Guidance is key. Each coach is a certified and verified doctor who is registered to the Lantern program.

Lantern Feed

Keeping it really simple

The content pages are designed 'for the content'. With every page designed, we always consider what more can we remove from it. We've implemented a sticky header which will follow you down the page. It also has a simplified, visual progress bar which shows you the number of pages and that's it.

Lantern Feed

You might also be interested in: