Before the redesign:
After the redesign:
Changes and rationale:
- The apps interface was drastically simplified. The top bar retains only the segmented control. The options menu has been moved to the iOS system settings, since it’s something users are not likely to change.
- Another thing that was removed was the change city button. This is a simple app with simple functionality, and it should look like it. Users can now simply change the city by searching, or by tapping the “my location” button.
- The intensity of the color signifies how many search results are available. This pattern will be repeated throughout the app.
- The “my location” icon was changed from the crosshairs to the iOS default arrow and was moved to the bottom of the screen. iPhone users are already trained to recognize that icon and will naturally look for it in that area.
- Beautiful city photography was added to the top of the screen. Never forget to delight the user!
- The color intensity of the list view item indicates how good a deal you’re getting. Better deals rise to the top and are brighter! One plus one free is treated as a 50% discount.
- The discounts levels are made visible at a glance with a standardized design. The small print about each particular deal doesn’t belong here.
- More inspirational photography. Our goal here is to entice the user so they actually want to go there.
- Removing the title on the top bar and moving it to the content area is an unorthodox solution, however this ensures that the text is never truncated for longer attraction names, and makes it possible to use beautiful typography.
- The search bar received a stained glass treatment. This both makes the map seem bigger and the interface less chrome-heavy.
- The pins point to the precise spot on the map where the location is. They also feature a subtle transparency effect, this makes it possible to see deals that are overlapping.
- List dividers are not necessary if the information is neatly formatted in the first place. Proper information hierarchy ensures good legibility.
- Follow-up actions such as booking by phone and booking through the website are be presented as big clickable buttons. This is killing two birds with one stone: The calls-to-action are now clearly evident, and the content of this page is organized by being sandwiched between bold interface elements.