Pulse Tread, a “virtual personal trainer” app which allows users to blend his/her playlists with celebrity trainer Mark Harari’s renowned workout routines to provide a personalized remote workout experience.
Worldwide Wrestling Entertainment (WWE) Magazine, NYLON Magazine, Mark Harari, MPA Magazine, Coors Light Puerto Rico, Advocate News, The Association of Magazine Media (MPA)
UI Design Intern
As a UI Design Intern working both on-site and remotely, I was involved in everything from information architecture, visual design and asset creation, and front-end development of the iPhone and Android applications for many major clients.
WWE "Year of Photos" and Wrestlemania
The Year in Photos splash screen. Communicating the large amount of photographic content was key to conveying the app’s intent and requested by the client. Many photos were incorporated using a strong grid structure, while the contrast with app’s name in condensed black text on a plain white background makes this information a prominent structural element.
The home screen is organized by months in a box grid by the seasons so as to create a calendar metaphor.
Semiotics and color meaning were very important to provide intuitive navigation for the Wrestlemania app’s home screen. The visual metaphor of stereo buttons is used so as to give the user queues of each menu cell’s meaning.
Media thumbnail detail screen. Navigation allows for video of match to be played (if item is video), and back and forward browse through other images and videos in the gallery.
The Year in Photos & Wrestlemania app icons (last two icons in third row from top).
PulseTread by Mark Harari - Personal Trainer Application
The design of the splash screen and logo communicaties 3 things desired by the client: (1) Energy/Health (with the spike in the heart-monitor-like line filling the counter of the ‘P’, (2) Working out hard (with the foggy background and drips imitating sweat and (3) being in a gym (communicated by silver chrome fill of the p, the color of barbells).
As the business model of the application was centered around gaining revenue from in-app purchases of pre-recorded routines, the first two buttons both lead to purchase options. If the person already has an active monthly subscription, this button is hidden.
Buy Single Routine
Ordered by most recent routines, users could buy a routine, seeing information such as average rating and duration before purchasing. As a method of promotion for the app at the client’s gym was to hand out promotional codes for a free routine, this functionality was also integrated.
The image chosen of the woman running forward aligned with the information about what one purchases the subscription and the button to buy a subscription in-app is one of the ways in which subtle design decisions were made to influence user behavior.
When a user clicks play routine it begins playing instantly, as tests found this was the expected behavior. In addition to having a countdown timer, there is also the functionality to add one’ own music from iTunes (this user is a big Olivia Newton-John fan) and control the volume.