The navigational tab bar at the bottom of the app was intended to be a navigable piece that was extremely contextual to the information on the page. In doing so, I had to structure the bar so that the pieces that never changed could always live in the same spots, while there were designated areas that would change.
Sign Up + Log In
In trying to make the Joss & Main app more delightful, one of my mail goals was to transform the sign up experience. Here, I played around with including some leading questions for personalization data in the first row, and in the second, how to ease the user into providing account information by prompting only one field at a time.
First Time User Experience
This aspect of the project has been tabled for the present, but it is a large part of what I'd like to redesign about the Joss & Main app. Here I'm demonstrating how to introduce some personalization options via a word cloud picker and a swipeable stack of photos a la Tinder to build a collection of styles for the user, from which we can provide great recommendations.
Log In Wall
While still stuck in log-in-land, I was attempting to figure out exactly where in this app the log-in wall would trigger—it's not required to use the app, so it had to trigger later in the userflow. The decided upon point was when a user tried to access account settings or checkout.
Search Result Filtering
On a search result page, we had a set of filters that were recently designed for our website, and I wanted to keep the styling somewhat similar between app and web. This is exploring how the app's card metaphor could be combined with those filters to provide an app-like experience that also still channeled the design thinking behind the web filter set.
Home Screen Curated Content
I continued to explore the non-event types of content for the home screen, in different forms.
Home Screen Interactions
This is a storyboard of the interactions that will be on the home screen—showing how a single event's card will slide over and settle on top of the previous event's card. The bottom row is exploring curated content, such as articles, ads, and special groupings of events or products.
Product Detail View on iPad
I had many challenges in moving between designing for iPhone and iPad aspect ratios, the least of which was also having to account for both the landscape and portrait views on the iPad. Here I was exploring how to take my product detail view that I'd created for the iPhone and translate it over to the landscape view on iPad.