Journery

Journery

An iOS app that helps users easily create customized travel plans suited to their budget and expectations.

Project contribution

User interface/experience design

Logo and brand identity design

Animated promotional video and poster design

Publish date

February 2024

Category

Travel

1

User experience

During Journery's design process, I embraced an inclusive approach to enhance the user experience and to ensure the project contained enough functionality to respond to users' varying circumstances and expectations. Insights provided by the benchmarking process prior to the design stage made essential contributions to the project.

Journery’nin ürün geliştirme süreci sırasında kullanıcı deneyimini geliştirmek amacıyla kapsayıcı bir yaklaşım benimsedim ve projenin değişen koşullara ve farklı beklentilere karşılık verebilecek işlevselliği barındırmasını amaçladım.


Projenin potansiyel kullanıcı kitlesiyle kurduğum empati bağını güçlendirmek amacıyla yürüttüğüm karşılaştırmalı değerlendirmelerin (İng. benchmark, competitive audit) sağladığı bilgiler projeye önemli katkılarda bulundu.

During Journery's design process, I embraced an inclusive approach to enhance the user experience and to ensure the project contained enough functionality to respond to users' varying circumstances and expectations. Insights provided by the benchmarking process prior to the design stage made essential contributions to the project.

During Journery's design process, I embraced an inclusive approach to enhance the user experience and to ensure the project contained enough functionality to respond to users' varying circumstances and expectations. Insights provided by the benchmarking process prior to the design stage made essential contributions to the project.

During Journery's design process, I embraced an inclusive approach to enhance the user experience and to ensure the project contained enough functionality to respond to users' varying circumstances and expectations. Insights provided by the benchmarking process prior to the design stage made essential contributions to the project.

1

1

1

1

Kullanıcı deneyimi

User experience

User experience

User experience

Pain points

Although various travel apps in service simplify and improve the travel planning experience, there are still major problems related to online travel planning.

The inability to personalize the recommendations provided for travel plans based on criteria such as budget negatively affects the user experience.

Discovery suggestions are rarely adapted to user activity history, which limits users’ opportunities to develop new travel ideas.

Exposure to excessive visuals and information during travel planning can significantly increase cognitive load in individuals.

Hâlihazırda hizmet veren pek çok seyahat uygulaması, kullanıcıların seyahat süreçlerini önemli ölçüde kolaylaştırsa bile hâlen çevrim içi seyahat planlamalarına ilişkin belli başlı sorunlar bulunuyor.

Although various travel apps in service simplify and improve the travel planning experience, there are still major problems related to online travel planning.

Although various travel apps in service simplify and improve the travel planning experience, there are still major problems related to online travel planning.

Although various travel apps in service simplify and improve the travel planning experience, there are still major problems related to online travel planning.

Seyahat planları için sağlanan önerilerin bütçe gibi kriterlere göre özelleştirilememesi kullanıcı deneyimini olumsuz yönde etkiliyor.

The inability to personalize the recommendations provided for travel plans based on criteria such as budget negatively affects the user experience.

The inability to personalize the recommendations provided for travel plans based on criteria such as budget negatively affects the user experience.

The inability to personalize the recommendations provided for travel plans based on criteria such as budget negatively affects the user experience.

Kullanıcılara sunulan keşif önerilerinin görüntülenen destinasyonlara göre şekillenmemesi yeni seyahat planları geliştirme olanağını kısıtlıyor.

Discovery suggestions are rarely adapted to user activity history, which limits users’ opportunities to develop new travel ideas.

Discovery suggestions are rarely adapted to user activity history, which limits users’ opportunities to develop new travel ideas.

Discovery suggestions are rarely adapted to user activity history, which limits users’ opportunities to develop new travel ideas.

Seyahat planları hazırlarken çok sayıda görsel ve bilgiye maruz kalmak bilişsel yüke neden olarak bireylerde zihinsel yorgunluğa neden oluyor.

Exposure to excessive visuals and information during travel planning can significantly increase cognitive load in individuals.

Exposure to excessive visuals and information during travel planning can significantly increase cognitive load in individuals.

Exposure to excessive visuals and information during travel planning can significantly increase cognitive load in individuals.

Kullanıcı sorunları

Pain points

Pain points

Pain points

User personas

Representing the diverging life conditions of users through user personas contributed to making the user experience unaffected by cultural and need-based assortment of users.

Persona

1

2

3

4

Sarah Johnson

Pazarlama Uzmanı

26 yaşında

Üniversite mezunu

Toronto, Kanada

Laptop kullanıcısı

Beklentileri

Sarah, gittiği şehirlerde keşfedilmemiş seyahat rotaları keşfetmek istiyor ve bölgede süren yerel ritüellere katılmaktan keyif duyuyor. Bu sayede bölge halkını daha yakından tanımakla yakından ilgileniyor.

Deneyimlediği sorunlar

Seyahat etmek için sahip olduğu kısıtlı zaman aralığı

Keşfedilmemiş rotalara erişmenin güçlüğü

Yabancı bölgelerde karşılaşabileceği güvenlik sorunları

Sıkça kullandığı uygulamalar

Instagram

Medium

Airbnb

Tiktok

Persona

1

2

3

4

Sarah Johnson

Pazarlama Uzmanı

26 yaşında

Üniversite mezunu

Toronto, Kanada

Laptop kullanıcısı

Beklentileri

Sarah, gittiği şehirlerde keşfedilmemiş seyahat rotaları keşfetmek istiyor ve bölgede süren yerel ritüellere katılmaktan keyif duyuyor. Bu sayede bölge halkını daha yakından tanımakla yakından ilgileniyor.

Deneyimlediği sorunlar

Seyahat etmek için sahip olduğu kısıtlı zaman aralığı

Keşfedilmemiş rotalara erişmenin güçlüğü

Yabancı bölgelerde karşılaşabileceği güvenlik sorunları

Sıkça kullandığı uygulamalar

Instagram

Medium

Airbnb

Tiktok

Persona

1

2

3

4

Sarah Johnson

Marketing Specialist

26 years old

BA graduate

Toronto, Canada

Laptop user

Expectations

Sarah wants to explore undiscovered paths during her trips and enjoys participating in local rituals in the area. In this way, she is interested in getting to know the local people and culture closely.

Pain points

Limited time availability due to her annual leave duration

Difficulty accessing undiscovered routes

Safety issues that she may encounter in foreign regions

Frequently used apps

Instagram

Medium

Airbnb

Tiktok

Persona

1

2

3

4

Sarah Johnson

Marketing Specialist

26 years old

BA graduate

Toronto, Canada

Laptop user

Expectations

Sarah wants to explore undiscovered paths during her trips and enjoys participating in local rituals in the area. In this way, she is interested in getting to know the local people and culture closely.

Pain points

Limited time availability due to her annual leave duration

Difficulty accessing undiscovered routes

Safety issues that she may encounter in foreign regions

Frequently used apps

Instagram

Medium

Airbnb

Tiktok

Sarah Johnson

Marketing Specialist

26 years old

BA graduate

Toronto, Canada

Laptop user

Expectations

Sarah wants to explore undiscovered paths during her trips and enjoys participating in local rituals in the area. In this way, she is interested in getting to know the local people and culture closely.

Pain points

Limited time availability due to her annual leave duration

Difficulty accessing undiscovered routes

Safety issues that she may encounter in foreign regions

Frequently used apps

Instagram

Medium

Airbnb

Tiktok

Mehmet Turkuaz

Business Owner

45 years old

HS graduate

Nuremberg, Germany

Phone user

Expectations

Mehmet prioritizes luxury in his travels. He prefers easy access to VIP events during vacations. Therefore, he is looking for an app where he can easily filter such opportunities while planning his travels.

Pain points

Limited customization of most travel apps

Lack of luxury activities in most destinations

Concerns about personal data privacy

Frequently used apps

Turkish Airlines

LinkedIn

Uber

Binance

Han Sungho

Painter

34 years old

MA graduate

Seoul, South Korea

Tablet and phone user

Expectations

Han plans his trips economically and wants to optimize his time and budget efficiently by using route options in the apps he uses. He is looking for a service through which he can explore routes suitable for his budget.

Pain points

Language barrier in foreign countries

Inability to view budget-friendly opportunities online

Difficulty locating affordable restaurants while traveling

Frequently used apps

Google Translate

Twitter

Etsy

Netflix

Karin Jørgensen

Editor, Activist

58 years old

BA graduate

Stockholm, Sweden

Laptop and phone user

Expectations

Karin prefers to discover artistic and natural landscapes during her travels. She enjoys visiting museums, galleries, and picturesque views. She is looking for destination suggestions that will surprise her.

Pain points

Crowds of tourists spoiling the atmosphere of locations

Mental fatigue from research required to find travel routes

Lack of safe transportation options

Frequently used apps

Uber

Max

Instagram

Netflix

Persona

1

2

3

4

Sarah Johnson

Marketing Specialist

26 years old

BA graduate

Toronto, Canada

Laptop user

Expectations

Sarah wants to explore undiscovered paths during her trips and enjoys participating in local rituals in the area. In this way, she is interested in getting to know the local people and culture closely.

Pain points

Limited time availability due to her annual leave duration

Difficulty accessing undiscovered routes

Safety issues that she may encounter in foreign regions

Frequently used apps

Instagram

Medium

Airbnb

Tiktok

Persona

1

2

3

4

Sarah Johnson

Marketing Specialist

26 years old

BA graduate

Toronto, Canada

Laptop user

Expectations

Sarah wants to explore undiscovered paths during her trips and enjoys participating in local rituals in the area. In this way, she is interested in getting to know the local people and culture closely.

Pain points

Limited time availability due to her annual leave duration

Difficulty accessing undiscovered routes

Safety issues that she may encounter in foreign regions

Frequently used apps

Instagram

Medium

Airbnb

Tiktok

Inclusive user experience

Journery was designed to meet the social and practical needs of users with diverse lifestyles and expectations.

Functionality throughout the journey

In addition to offering planning options and route discoveries before the trip, Journery facilitates users' journeys through functions such as budget control during travel.

Personalized discovery suggestions

With Journery, users can explore recommendations that match their interests and easily access essential details about these locations, such as budget requirements and weather conditions.

2

User interface

Planning a journey through a mobile application can lead to cognitive load due to overwhelming visual stimuli. For this reason, I utilized neutral color palettes for the most part to prevent this and presented location-related details through low-load layouts.

Logo design

The logo represents the three stages of travel that Journery aims to make easier: planning, movement, and further discoveries.

The letter J, which is curved to evoke the dynamic nature of itineraries, includes an arrowhead in its notch to symbolize movement.

On the back of the J, an inverted pyramid (⏷) indicates Journery's advanced discovery and filtering features. The checkmark in the negative space in between reflects the app's ability to facilitate well-organized travel plans.

Logo tasarımı

Logo design

Logo design

Logo design

Proje logosunun, uygulamanın kolaylaştırmayı hedeflediği üç seyahat aşaması olan planlama, hareket ve yeni keşifleri işaret etmesi amacıyla tasarlandı.


J harfi, yolculukların hareket safhasını belirtmesi amacıyla kıvrılmış biçimde kullanıldı ve harfin çentiğine hareket safhasının dinamizmini çağrıştıran ok başı yerleştirildi.


Tepeye konumlanan piramidin, projeni kullanıcılara sunduğu keşif imkanlarına işaret etmesi amaçlandı. Negatif boşlukta beliren onay işareti ise projenin kolaylaştırdığı planlama aşamasını temsil ediyor.

The logo represents the three stages of travel that Journery aims to make easier: planning, movement, and further discoveries.

The logo represents the three stages of travel that Journery aims to make easier: planning, movement, and further discoveries.

The logo represents the three stages of travel that Journery aims to make easier: planning, movement, and further discoveries.

The letter J, which is curved to evoke the dynamic nature of itineraries, includes an arrowhead in its notch to symbolize movement.

On the back of the J, an inverted pyramid (⏷) indicates Journery's advanced discovery and filtering features. The checkmark in the negative space in between reflects the app's ability to facilitate well-organized travel plans.

The letter J, which is curved to evoke the dynamic nature of itineraries, includes an arrowhead in its notch to symbolize movement.

On the back of the J, an inverted pyramid (⏷) indicates Journery's advanced discovery and filtering features. The checkmark in the negative space in between reflects the app's ability to facilitate well-organized travel plans.

The letter J, which is curved to evoke the dynamic nature of itineraries, includes an arrowhead in its notch to symbolize movement.

On the back of the J, an inverted pyramid (⏷) indicates Journery's advanced discovery and filtering features. The checkmark in the negative space in between reflects the app's ability to facilitate well-organized travel plans.

Colors used

Intense exposure to visuals and written information can increase users' cognitive load (see also Sweller et al., 1998). To prevent this, I included neutral colors in the user interface and avoided component clutter on the mobile screen.

In addition, the color palettes used were combined with tints having close brightness and saturation values on the HSB scale. This way, the colors used together gave the project's user screens a more balanced impression.

Kullanılan renkler

Colors used

Colors used

Colors used

Lokasyonlara ait görsel ve ayrıntılı bilgi sunumuna uzun süre maruz kalmak, bilişsel yükü arttırarak kullanıcıların mental yorgunluk yaşamasına sebep olabilir. Bunu önlemek amacıyla kullanıcı arayüzünde nötral renklere yer verildi ve bileşen kalabalığından kaçınıldı.


Ayrıca kullanılan renk paletleri, HSB (Renk Tonu, Doygunluk, Parlaklık) ölçeğinde birbirine yakın parlaklık ve doygunluk değerlerine sahip tonlar ile oluşturuldu. Bu sayede birlikte kullanılan renkler, projenin kullanıcı ekranlarına daha dengeli bir görünüm kazandırdı.

Intense exposure to visuals and written information can increase users' cognitive load (see also Sweller et al., 1998). To prevent this, I included neutral colors in the user interface and avoided component clutter on the mobile screen.

Intense exposure to visuals and written information can increase users' cognitive load (see also Sweller et al., 1998). To prevent this, I included neutral colors in the user interface and avoided component clutter on the mobile screen.

Intense exposure to visuals and written information can increase users' cognitive load (see also Sweller et al., 1998). To prevent this, I included neutral colors in the user interface and avoided component clutter on the mobile screen.

In addition, the color palettes used were combined with tints having close brightness and saturation values on the HSB scale. This way, the colors used together gave the project's user screens a more balanced impression.

In addition, the color palettes used were combined with tints having close brightness and saturation values on the HSB scale. This way, the colors used together gave the project's user screens a more balanced impression.

In addition, the color palettes used were combined with tints having close brightness and saturation values on the HSB scale. This way, the colors used together gave the project's user screens a more balanced impression.

#2E40E5

7.04:1

Primary

#2E40E5

7.04:1

Primary

#2E40E5

7.04:1

Primary

#2E40E5

7.04:1

Primary

#146FE5

4.73:1

Secondary

#146FE5

4.73:1

Secondary

#146FE5

4.73:1

Secondary

#146FE5

4.73:1

Secondary

#6F728B

4.71:1

Neutral

#6F728B

4.71:1

Neutral

#6F728B

4.71:1

Neutral

#6F728B

4.71:1

Neutral

#34C759

2.21:1

Success

#34C759

#34C759

2.21:1

Success

#34C759

#34C759

2.21:1

Success

#34C759

#34C759

2.21:1

Success

#34C759

Error

#DE2C2C

4.66:1

#EBD323

1.51:1

Warning

#CFD0DB

1.53:1

Neutral (Variant)

UI kit design

During the UI design process, I created the button scales, color palettes, and all components from scratch to give the application a unique visual identity. It was an instructive process. You can drag and drop the components below wherever you wish.

Journery’nin arayüz tasarımı sürecinde, projenin ihtiyaçlarını karşılamak ve uygulamaya özgün bir görsel kimlik kazandırmak için projeye özel bir UI Kit tasarlaması gerekiyordu. Bu yüzden Journery’nin butonlarını, renk paletlerini ve tüm bileşenlerini sıfırdan tasarladım. Benim için çeşitli güçlükleri bulunan ama öğretici bir süreçti.

During the UI design process, I created the button scales, color palettes, and all components from scratch to give the application a unique visual identity. It was an instructive process. You can drag and drop the components below wherever you wish.

During the UI design process, I created the button scales, color palettes, and all components from scratch to give the application a unique visual identity. It was an instructive process. You can drag and drop the components below wherever you wish.

UI Kit tasarımı

UI kit design

UI kit design

Central Park

New York City, United States

350 5th Ave, Manhattan, New York, NY 10118, United States

Tickets

$45 for adults

$32 for children

$42 for seniors

10:00 AM to 10:00 PM

See all

esbnyc.com

Create new plan

Destination

Choose where you want to make your journey. Feel free to choose more than one destination, you will be able to change locations later.

e.g. New York City, United States

Back

Proceed

The Met

Manhattan

$30 for adults

10:00 AM to 5:00 PM

Central Park

Free

6:00 AM to 1:00 AM

Machu Picchu

Peru

Weekend in NY

New York City, United States

January 2023

Low-fidelity wireframing

Problems related to balance and consistency that stood out during the low-fidelity design stage were later nailed through constant iteration. Some features I developed during the initial sketches were removed in the following process due to their potential to negatively affect the app's usability.

Ham (low-fidelity) tasarım

Low-fidelity wireframing

Low-fidelity wireframing

Low-fidelity wireframing

Uygulamanın ham (İng. low-fidelity) tasarımı sırasında sunulması öngörülen kullanıcı deneyimi eskiz çizimler aracılığıyla kurgulandı. Bu kompakt görünüm sebebiyle oluşan denge ve tutarlılık sorunları, daha sonraları gerçekleştirilen yinelemelerle giderildi.


Eskiz hâlindeki taslaklarda yer alan (haritada lokasyon bulma olanağı gibi) özellikler, uygulamanın kullanılabilirliğine zarar verme ihtimalleri sebebiyle takip eden süreçte projeden çıkarıldı. Bunlar yerine kullanıcıların kolaylıkla adapte olabileceği Lokasyon Bulucu gibi özellikler projeye dahil edildi.

Problems related to balance and consistency that stood out during the low-fidelity design stage were later nailed through constant iteration. Some features I developed during the initial sketches were removed in the following process due to their potential to negatively affect the app's usability.

Problems related to balance and consistency that stood out during the low-fidelity design stage were later nailed through constant iteration. Some features I developed during the initial sketches were removed in the following process due to their potential to negatively affect the app's usability.

Problems related to balance and consistency that stood out during the low-fidelity design stage were later nailed through constant iteration. Some features I developed during the initial sketches were removed in the following process due to their potential to negatively affect the app's usability.

High-fidelity design

High-fidelity wireframing was the stage at which the envisioned user experience and interface underwent the most comprehensive transformation. During this process, I kept working on constructing solutions for user problems identified in earlier stages.

Prototyping

After the flows and screens were shaped into their final form, I completed the animations compatible with micro-interactions at the prototyping stage. With these details, the dynamism of the product was reinforced.

In addition, since the testing was spread throughout the design process, the implementation of details such as the animation and response times was concluded more quickly than I expected during this stage.

Prototip çalışmaları

Prototyping

Prototyping

Prototyping

Akış ve ekranların ayrıntılı tasarım sırasında son hâlini almasının ardından mikro-etkileşimler ile uyumlu animasyonlar prototip aşamasında özelleştirildi. Bu sayede projenin kullanıcıların seyahatlerine eşlik etmesi amaçlanan dinamik yönü pekişmiş oldu.


Ayrıca, ürün geliştirme döngüsünün son fazı olan test süreci proje geneline yayılmış olduğu için, prototiplendirme sırasında gereken animasyon ve tepki süreleri beklenenden daha çabuk şekillendi. Böylece projenin görsel kimliğine uygun görsel geri bildirimler hızla son hâlini aldı.

After the flows and screens were shaped into their final form, I completed the animations compatible with micro-interactions at the prototyping stage. With these details, the dynamism of the product was reinforced.

After the flows and screens were shaped into their final form, I completed the animations compatible with micro-interactions at the prototyping stage. With these details, the dynamism of the product was reinforced.

After the flows and screens were shaped into their final form, I completed the animations compatible with micro-interactions at the prototyping stage. With these details, the dynamism of the product was reinforced.

In addition, since the testing was spread throughout the design process, the implementation of details such as the animation and response times was concluded more quickly than I expected during this stage.

In addition, since the testing was spread throughout the design process, the implementation of details such as the animation and response times was concluded more quickly than I expected during this stage.

In addition, since the testing was spread throughout the design process, the implementation of details such as the animation and response times was concluded more quickly than I expected during this stage.

I aimed to help users easily create the most suitable itinerary for themselves thanks to the location information provided by Journery.

The advanced filtering options in Journery make it easier than ever for users to list destinations according to their needs and preferences.

Promotional work

Although Journery was a conceptual case study project, I also prepared posters and promotional work that could have been used if the project had been launched.

Areas of development

Journery was the very first mobile application I designed. Therefore, and naturally, there are a few points for which I would follow separate paths if I were to start designing the product today.

Certain aspects that need improvement regarding the spacing and the visual hierarchy within the app. If I were to start working on Journery's user interface today, I would approach these details more carefully.

By its promise, Journery needs to accompany users throughout their travels. However, the fact that the accommodation aspect of travel remained outside the scope of the app damages the promised functionality. Over time, I began to doubt that conscious design decision.

Journery, which is designed only for mobile platforms, would need to have a responsive interface if it had been launched.

Tools and resources

Adobe Firefly is an AI tool that creates images from text prompts. I used Adobe Firefly while preparing the three-dimensional poster drawings of the application.

Adobe Photoshop, as is known, is the best option for customizing mockup templates on devices. I created the on-device images of the project here.

ChatGPT was used for three purposes during the design process of Journery: placeholder titles and texts to remain until the actual content was placed on the screens, destination suggestions for countries I was unfamiliar with, and proofreading.

Daft Punk, when releasing the drumless recordings of the Random Access Memories album in 2023, utilized a clay-made variant of the original album cover. The album and this design decision evoke many matters in one's mind.

DaVinci Resolve was used to edit and color grade Journery's promotional film.

Figma was where I completed all project stages, from low-fidelity drafts to prototyping, and even the project logo.

Genmo is one of the video-generating GenAI tools I used for Journery's promotional film. I especially benefited from Genmo for static location visuals.

Google Fonts provided the icon set and the Anuphan typeface used throughout the user interface. I preferred the rounded style for the icon set.

Jitter's animation templates were also used in the promotional film of the project.

Rotato was the tool I used to prepare and customize all the video mockups.

Runway is another GenAI tool that allows the creation of videos from text. I prepared the majority of the animation in Journery's promotional film here.

Typescale is an online service for sizing texts with the correct hierarchy for different uses. I benefited from Typescale when determining the text sizes of the project.

Unsplash's rich selection of photos was one of the resources I most frequently benefited from in the design process of this product, for which I needed various visuals of many locations.

Unsplash’in sunduğu zengin fotoğraf seçkisi, birçok lokasyonun çeşitli görsellerine ihtiyaç duyduğum bu ürünün tasarım sürecinde en sık yararlandığım kaynaklardan biri oldu.

Showcaser

2025 © Uses require prior approval.

2025 © Uses require prior approval.

Areas of development

Journery was the very first mobile application I designed. Therefore, and naturally, there are a few points for which I would follow separate paths if I were to start designing the product today.

Certain aspects that need improvement regarding the spacing and the visual hierarchy within the app. If I were to start working on Journery's user interface today, I would approach these details more carefully.

By its promise, Journery needs to accompany users throughout their travels. However, the fact that the accommodation aspect of travel remained outside the scope of the app damages the promised functionality. Over time, I began to doubt that conscious design decision.

Journery, which is designed only for mobile platforms, would need to have a responsive interface if it had been launched.