I amsterdam app
Introducing the I amsterdam City Card app, a project I'm thrilled to share! I pitched and sold an upgrade of the app to the client myself, and it's now used by millions of tourists every year.
So, what does this app do? It's your ultimate Amsterdam sidekick! The I amsterdam City Card app helps tourists explore the best of Amsterdam with ease. From museums and attractions to public transport and hidden gems, it's all in there.
Just flash your digital card and dive into the city's magic.
The app features:
• Attraction Guide Discover and access top museums, galleries, and more 🎨.
• Public Transport Navigate the city like a local with unlimited public transport 🚆.
• Exclusive Deals Unlock special offers at restaurants, shops, and attractions 🍔🛍️.
• Personalized Itineraries Plan your perfect day based on your interests 🗺️.
The target audience for the I amsterdam City Card app is a diverse group of global travelers. This includes families with curious children, solo adventurers, tech-savvy millennials, and seasoned explorers. Despite their varying backgrounds, they share a common goal: to fully enjoy their Amsterdam experience in a seamless and hassle-free way.
To better understand and address the needs of this varied audience, I developed detailed persona profiles. These personas served as valuable tools for analyzing user behaviors, preferences, and pain points. By leveraging these insights, I was able to prioritize key features and functionality for the app. For example, the personas helped clearly define both the "must-haves" and the "nice-to-haves," ensuring that the app not only meets essential user expectations but also offers additional features that enhance the overall user experience. This user-centered approach was crucial in aligning the app’s design with the real-world needs of its diverse user base.
-
Option to buy a card online
-
Card overview
-
Option for multiple cards in one app
-
Activate card when preferred
-
See prize options
-
Good readability in contrast and size
-
Highlight and museum overview
-
Map with location and highlights
-
Detail info about a highlight
-
Get personal recommendations
-
Option to save favourites
-
Search and filter
-
Option to get in contact
-
FAQ
I want the I amsterdam City Card app to look friendly and light 🌈.
Cutomer journey map
To gain further insights, I created a customer journey map. This map outlines how customers make contact, their thoughts while considering the purchase, and the effort required at each step. It also highlights the "pain points" encountered during the process. Based on this information, numerous design opportunities arise to make the app as user-friendly as possible.
Flow chart
Here’s a revised version of your text for clarity and grammatical correctness:
The customer journey provided valuable insights that can now be translated into user goals to be included in the City Card app. These goals can be represented as flowcharts, which visually illustrate how users can navigate the app to accomplish their objectives. This can be extremely useful for designers and developers, as it enables them to establish a clear structure when necessary.
An example of a flowchart is shown below. It illustrates how a user moves through the app when they enter and are presented with the option to purchase the Amsterdam City Card.
Current design
The original design of the I amsterdam City Card app as shown below, is overly dark and lacked the user-friendly qualities needed for a travel-focused application.
While a darker interface can work in some contexts, in this case, it didn’t resonate with the vibrant, open, and welcoming style of the I amsterdam website. The website has a light, playful tone, using bright colors and clean layouts to evoke a sense of exploration and excitement.
Look and feel
The current I Amsterdam City Card app uses dark colors and sharp corners. First of all, this does not match the current website; secondly, it lacks friendliness and usability. Tourists visit Amsterdam to have a great time, and a light, friendly design ensures that information is easily accessible and the user experience is seamless.
Initially, I Amsterdam was opposed to rounded corners in the app. However, during a presentation, I explained the benefits of including rounded buttons. I showed them that they already use rounded corners in some of their illustrations also it aligns with the concept of the physical card, which also has rounded corners. Rounded corners convey a lighter, softer, and more friendly feel, which is what we want. I presented several beautiful, professional websites with rounded corners, such as those from Apple and Nike. They quickly agreed, recognizing that this change would greatly enhance the design!
Below are some examples I used to illustrate the look and feel I aimed to achieve.
The App
The onboarding process allows you to inform the app of your preferred categories, ensuring you receive personalized recommendations tailored to your interests. Whether you're interested in art, history, food, or nightlife, the app curates your Amsterdam experience just for you.
To make things even easier, I designed a friendly wizard that welcomes you when you first enter the app 🧙♂️. This wizard quickly explains the basics of the app, enabling you to hit the ground running.
The I amsterdam City Card app, of course, features detailed pages for the various experiences, as well as a menu and filter option. The buttons are designed with rounded corners, while the labels have sharp corners. This design choice helps users easily distinguish between buttons and other elements.
The readability is excellent, thanks to the strong contrast between the background and the text. The app has a light, friendly, and playful appearance, which is achieved not only through the use of colors but also by the playful placement of the I amsterdam logo in the menu on the side of the screen.
For the I amsterdam City Card app, I designed a structured map that organizes locations into clusters when zoomed out. This approach ensures a clean and intuitive experience for users, helping them easily navigate the city without being overwhelmed by too many points of interest at once. When zooming in, the clusters expand to reveal individual locations, allowing for a more detailed view as needed. This provides a smoother and more user-friendly exploration of the city’s attractions.
Additionally, I implemented both dark and light modes for the app to enhance accessibility and usability. The light mode offers a bright, friendly interface perfect for daytime use, while dark mode reduces eye strain in low-light environments, improving comfort during evening or nighttime exploration. Offering both modes also ensures the app accommodates user preferences, providing flexibility for all users and extending usability across different lighting conditions.
The onboarding lets you inform the app of your preferred categories, ensuring you get personalized recommendations tailored to your interests. Whether you're into art, history, food, or nightlife, the app curates your Amsterdam experience just for you.
To make things even easier, I designed a friendly wizard that welcomes you when you first enter the app 🧙♂️. This wizard quickly explains the basics of the app so you can hit the ground running.
The onboarding lets you inform the app of your preferred categories, ensuring you get personalized recommendations tailored to your interests. Whether you're into art, history, food, or nightlife, the app curates your Amsterdam experience just for you.
To make things even easier, I designed a friendly wizard that welcomes you when you first enter the app 🧙♂️. This wizard quickly explains the basics of the app so you can hit the ground running.