TravelWith | iOS App Design

Thomas Meijer

$3.3K+ earned

Product Designer

UI Designer

UX Designer

Figma

Linear

Travel

Case Study: Refining the TravelWith iOS app

Overview

The app already had a solid and well-thought-out design foundation, which provided a strong starting point for further enhancements. My role has been to build on this existing work, refining and expanding features to align even more closely with native iOS standards and user expectations.
I am currently engaged in the ongoing design and refinement of TravelWith, an iOS application that serves as a comprehensive travel companion. Collaborating closely with Mike, the developer and creator of the app, I address various design tasks weekly through Linear. Our collective goal is to enhance the app's user experience, ensuring it aligns seamlessly with native iOS aesthetics and functionality. This case study outlines our design approach, key focus areas, and the collaborative efforts that drive the app's continuous improvement.
TravelWith Flight Detail Screen
TravelWith Flight Detail Screen

Approach User-Centric Design

Our design philosophy centers on creating an intuitive and cohesive user experience. By adhering to Apple's Human Interface Guidelines, we ensure that each element of the app feels familiar to iOS users. Regular iterations and user feedback play a crucial role in refining the interface, ensuring that the app remains both functional and engaging.

Main Screen

The main screen serves as the user's gateway to their travel plans. We have designed it to display upcoming trips prominently, with essential details such as dates, destinations, and key activities. Clear visual hierarchies and intuitive navigation elements guide users effortlessly through their travel information.

Focus Areas

Itinerary Management

Comprehensive Trip Details: Users can organize and access all travel-related information, including flight times, hotel reservations, and activity schedules, in a centralized location.
Offline Accessibility: Recognizing the challenges of limited connectivity during travel, we ensured that users can access their itineraries and essential information without an internet connection.

Collaborative Planning

Shared Access: The app allows users to share trip details with fellow travelers, ensuring everyone stays informed and coordinated.
Real-Time Updates: Any changes made to the itinerary are instantly reflected across all users' devices, maintaining consistency and reducing miscommunication.

Customization and Personalization

Wishlist Feature: Users can compile a list of desired destinations, activities, and experiences, aiding in future trip planning and inspiration.
Interactive Notes: The app provides the functionality to add notes, feedback, and questions within the itinerary, facilitating seamless communication among travelers.

Collaboration and Handoff

The partnership with Mike has been instrumental in aligning design and development processes. By maintaining open lines of communication, we ensure that design concepts are feasible and effectively implemented. Utilizing well-organized Figma files with clear annotations, we streamline the handoff process, allowing for efficient development and timely iterations.
TravelWith Empty State Screen + Dark Mode
TravelWith Empty State Screen + Dark Mode

Key Outcomes

Enhanced User Experience: The app's design improvements have led to a more intuitive and enjoyable user journey, aligning with native iOS expectations.
Increased User Engagement: Features like collaborative planning and personalized wishlists have resulted in higher user engagement and satisfaction.
Streamlined Development Process: Effective collaboration and clear design documentation have expedited development cycles, allowing for rapid deployment of new features and updates.

Conclusion

The ongoing development of TravelWith exemplifies the impact of thoughtful design and close collaboration between design and development teams. By focusing on user needs and adhering to native iOS principles, we have created a travel companion app that is both functional and delightful to use. This project underscores the value of continuous improvement and user-centered design in achieving long-term success.
Like this project
1

Posted Jan 25, 2025

Designing the TravelWith app to enhance its native iOS experience, focusing on usability, collaboration, and personalization for seamless trip planning.

Likes

1

Views

32

Earned

$3.3K+

Timeline

Dec 5, 2024 - Ongoing

Clients

Backspace Travel LLC

Tags

Product Designer

UI Designer

UX Designer

Figma

Linear

Travel

Bastiaansen Modestad | Custom e-commerce design
Bastiaansen Modestad | Custom e-commerce design
Frequencii | Design for a learning platform
Frequencii | Design for a learning platform