CITY SUB LINK
Transportation App

CITY SUB LINK
Transportation App

CITY SUB LINK
Transportation App

Role: Researcher,Designer
Duration: 3 Months

Role: Researcher,Designer
Duration: 3 Months

Role: Researcher,Designer
Duration: 3 Months

The Project

The Project

City Sub Link transportation app is a services dedicated to create an inclusive public transport system where everyone can travel with confidence and independence

City Sub Link transportation app is a services dedicated to create an inclusive public transport system where everyone can travel with confidence and independence

The Problem

The Problem

The Problem

Public train transportation can be a true nightmare for people with young children and people with disabilities.


Limited accessibility, inaccurate informations and social stigmas can make their experiences painful.

Public train transportation can be a true nightmare for people with young children and people with disabilities.


Limited accessibility, inaccurate informations and social stigmas can make their experiences painful.

Public train transportation can be a true nightmare for people with young children and people with disabilities.


Limited accessibility, inaccurate informations and social stigmas can make their experiences painful.

The Goal

The Goal

The Goal

To design a well-detailed, time-saving app for the subway system, called City Sub Link, that allows users to manage their journeys according to their needs with helpful features that will make their journey seamless and efficient.


To design a well-detailed, time-saving app for the subway system, called City Sub Link, that allows users to manage their journeys according to their needs with helpful features that will make their journey seamless and efficient.


To design a well-detailed, time-saving app for the subway system, called City Sub Link, that allows users to manage their journeys according to their needs with helpful features that will make their journey seamless and efficient.


The Kickoff

The Kickoff

To initiate this project, I aimed to assess levels of accessibility of the New York City's public transport and understand who is affected by it.


Data reveals that only 30% of all subway stations have accessibility features. Among the 3.2 million daily riders, 960,000 are individuals with disabilities.


To gain insights into their experiences, I conducted interviews with both short-term and long-term disabled public transportation users. The findings highlight the critical need for an app to assist in their journey.

To initiate this project, I aimed to assess levels of accessibility of the New York City's public transport and understand who is affected by it.


Data reveals that only 30% of all subway stations have accessibility features. Among the 3.2 million daily riders, 960,000 are individuals with disabilities.


To gain insights into their experiences, I conducted interviews with both short-term and long-term disabled public transportation users. The findings highlight the critical need for an app to assist in their journey.

To initiate this project, I aimed to assess levels of accessibility of the New York City's public transport and understand who is affected by it.


Data reveals that only 30% of all subway stations have accessibility features. Among the 3.2 million daily riders, 960,000 are individuals with disabilities.


To gain insights into their experiences, I conducted interviews with both short-term and long-term disabled public transportation users. The findings highlight the critical need for an app to assist in their journey.

Meet The Users

Meet The Users

Ideations, Wireframes & Mockups

Ideations, Wireframes

& Mockups

Ideations, Wireframes & Mockups

  1. Different type of transportation services available for the user to reach his destination

  1. Different type of transportation services available for the user to reach his destination

  1. Different type of transportation services available for the user to reach his destination

  1. Since this project is based in NYC, this app displays all available lanes along with real time update services. To select the desire lane each one is clickable

  1. Since this project is based in NYC, this app displays all available lanes along with real time update services. To select the desire lane each one is clickable

  1. Since this project is based in NYC, this app displays all available lanes along with real time update services. To select the desire lane each one is clickable

  1. Comprehensive upcoming work insights to optimize future trip planning

  1. Comprehensive upcoming work insights to optimize future trip planning

  1. Comprehensive upcoming work insights

    to optimize future trip planning

  1. Option to switch between up/downtown direction, accommodating any last-minute

    changes

  1. Option to switch between up/downtown direction, accommodating any last-minute

    changes

  1. Option to switch between up/downtown

    direction, accommodating any

    last-minute changes

  1. Indicators for accessible stops to support users with specific needs

  1. Indicators for accessible stops to support users with specific needs

  1. Indicators for accessible stops to

    support users with specific needs

  1. Average train capacity overview helping users to set expectations and plan their journey more efficiently

  1. Average train capacity overview helping users to set expectations and plan their journey more efficiently

  1. Average train capacity overview helping users to set expectations and plan their journey more efficiently

  1. Real-time arrival status featuring train schedule and capacity level, seamlessly represented through a consistent color-coding system

  1. Real-time arrival status featuring train schedule and capacity level, seamlessly represented through a consistent color-coding system

  1. Real-time arrival status featuring train schedule and capacity level, seamlessly represented through a consistent color-coding system

  1. A dropdown menu indicating the next arriving train information

  1. A dropdown menu indicating the next arriving train information

  1. A dropdown menu indicating the

    next arriving train information

  1. Detailed interface presenting train direction and wagon capacity, accompanied by a visual illustration of capacity levels. This allow users to choose less crowded wagon based on their preferences

  1. Detailed interface presenting train direction and wagon capacity, accompanied by a visual illustration of capacity levels. This allow users to choose les crowded wagon based on their preferences

  1. Detailed interface presenting train direction and wagon capacity, accompanied by a visual illustration of capacity levels. This allow users

    to choose les crowded wagon based on their preferences

User Research : Pain Points

User Research:

Pain Points

User Research : Pain Points

1

Feature

Feature

Feature

Improving navigation flow to ensure users can quickly access the information they need

Improving navigation flow to ensure users can quickly access the information they need

Improving navigation flow to ensure users can quickly access the information they need

2

Feature

Feature

Feature

A public mesh network enabling real-time sharing and receiving of important notifications between city sub link's users

A public mesh network enabling real-time sharing and receiving of important notifications between city sub link's users

A public mesh network enabling real-time sharing and receiving of important notifications between city sub link's users

3

Accessibility

Accessibility

Accessibility

This app will leverages AI to deliver accurate train arrival and exit notifications, offering an accessible, hand free experience tailored to the needs of users with disabilities

This app will leverages AI to deliver accurate train arrival and exit notifications, offering an accessible, hand free experience tailored to the needs of users with disabilities

This app will leverages AI to deliver accurate train arrival and exit notifications, offering an accessible, hand free experience tailored to the needs of users with disabilities

User insights and feedback have driven the implementation of the following solutions, designed to resolve key challenges and improve the overall experience.

User insights and feedback have driven the implementation of the following solutions, designed to resolve key challenges and improve the overall experience.

1

Feature

Feature

Before

Install the Figma plugin and you’re ready to convert your designs to a responsive site.

Install the Figma plugin and you’xxxxxxxxre ready to convert your designs to a responsive site.

Install the Figma plugin and you’re ready to convert your designs to a responsive site.kjbvkbfvbbvjkfvbbvfjbvfvbvbvbvbbvbbbbbbvbvbbbvbvbvbvbvojjfbvbvoefbvobfevvbfojvboebvoebvoebvoevbobvoebvoeb

Install the Figma plugin and you’re ready to convert your designs to a responsive site.ggggggggggggggggggggggggggggggggggggggggggggggggggggg

After

  1. Introducing a dropdown menu that enables customers to select the most suitable train route with ease

  1. Introducing a dropdown menu that enables customers to select the most suitable train route with ease

  1. Introducing a dropdown menu that enables customers to select the most suitable train route with ease

  1. Emphasize key informations through design to ensure users can quickly identify what's more important, limiting unnecessary actions

  1. Emphasize key informations through design to ensure users can quickly identify what's more important, limiting unnecessary actions

  1. Emphasize key informations through design to ensure users can quickly identify what's more important, limiting unnecessary actions

  1. Providing clear signage and guidance to indicate the boarding area for users in need.

  1. Providing clear signage and guidance to indicate the boarding area for users in need.

  1. Real-life priority access trial in a NYC subway station

  1. Providing clear signage and guidance to indicate the boarding area for users in need

  1. Real-life priority access trial in a NYC subway station

  1. Real-life priority access trial in a NYC subway station

2

Feature

Feature

Before

  1. Incorporating a mesh service that enables users critical information, with the added functionality of a push-to-talk feature, voice-to-text transcription, and direct text messaging.

After

  1. Incorporating a mesh service that enables users to share critical information, with the added functionality of a push-to-talk feature, voice-to-text transcription, and direct text messaging.

  1. Incorporating a mesh service that enables users to share critical information, with the added functionality of a push-to-talk feature, voice-to-text transcription, and direct text messaging.

  1. Incorporating a mesh service that enables users to share critical information, with the added functionality of a push-to-talk feature, voice-to-text transcription, and direct text messaging.

3

Accessibility

Accessibility

  1. AI-powered notifications provide real-time updates on your location and optimal exit timing

  1. Seamless navigation assistance ensures you reach your destination efficiently

  1. AI-powered notifications provide real-time updates on your location and optimal exit timing

  1. Seamless navigation assistance ensures you reach your destination efficiently

  1. AI-powered notifications provide real-time updates on your location and optimal exit timing

  1. Seamless navigation assistance ensures you reach your destination efficiently

  1. Haptic Alerts & Smart Notifications-Your phone vibrates as the train approaches or when it’s time to exit

    at your destination

  2. Multi-Modal feedback -Receive detailed notifications via text or audio, ensuring accessibility and ease of use

  1. Haptic Alerts & Smart Notifications-Your phone vibrates as the train approaches or when it’s time to exit

    at your destination

  2. Multi-Modal feedback -Receive detailed notifications via text or audio, ensuring accessibility and ease of use

  1. Haptic Alerts & Smart Notifications-Your phone vibrates as the train approaches or when it’s time to exit

    at your destination

  2. Multi-Modal feedback -Receive detailed notifications via text or audio, ensuring accessibility and ease of use

Style Guide

Style Guide

Logo

Icons

Typography

Heading 1 : Lexend/Bold/24px

Heading 1 :

Lexend/Bold/24px

Heading 2 : Lexend/Bold/18px

Heading 3 : Lexend/Semibold/18px

Body text : Lexend/Medium/18px

Body text : Lexend/Medium/16px

Body text : Lexend/Medium/12px

Color Palette

Take Away

Innovative Solutions


City Sub Link introduces a fresh approach to subway accessibility. By incorporating real-time guidance, haptic alerts, and personalized navigation. The app encourages an ease, independent commute for users with disabilities.


Data and Insights


By combining quantitative metrics (user interactions) with qualitative feedback (interviews and accessibility testing) and conducting targeted user research, key features were refined to better serve diverse needs. Thus, ensuring a human-centered and inclusive experience, setting a new benchmark for an inclusive public transit.


Iterative Design


An user-driven design process ensured continuous improvement. Regular usability testing and live feedback loops helped fine-tune the experience, keeping the app intuitive, effective, and fully accessible.

Innovative Solutions


City Sub Link introduces a fresh approach to subway accessibility. By incorporating real-time guidance, haptic alerts, and personalized navigation. The app encourages an ease, independent commute for users with disabilities.


Data and Insights


By combining quantitative metrics (user interactions) with qualitative feedback (interviews and accessibility testing) and conducting targeted user research, key features were refined to better serve diverse needs. Thus, ensuring a human-centered and inclusive experience, setting a new benchmark for an inclusive public transit.


Iterative Design


An user-driven design process ensured continuous improvement. Regular usability testing and live feedback loops helped fine-tune the experience, keeping the app intuitive, effective, and fully accessible.

Quotes from Feedbacks

Quotes from Feedbacks

Daniel

“As a visually impaired commuter, I’ve always struggled with knowing when to exit the train. City Sub Link’s vibration alerts and voice guidance have made my subway experience so much more accessible and stress-free.”

Mani

“I started using this app to assist my elderly father, who has mobility challenges. It’s been an incredible tool for planning trips together .”

Jenny

“I use a wheelchair, and finding accessible routes in the subway has always been a challenge. This app not only shows me which stations have elevators but also helps me plan my trip efficiently. It’s a game-changer!”

Elisabeth

“City Sub Link is incredibly useful for anyone navigating the subway. The real-time alerts and exit guidance make every trip smoother, especially in crowded stations.”

Fekry

“I have hearing loss, so relying on subway announcements has never been an option. City Sub Link keeps me informed with clear visual notifications, making my daily commute so much smoother.”

  • Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

Project in mind?

Let’s make your

Idea shine

Get in touch

  • Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

Project in mind?

Let’s make your

Idea shine

Get in touch

  • Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

Project in mind?

Let’s make your

Idea shine

Get in touch

Create a free website with Framer, the website builder loved by startups, designers and agencies.