Transport

Simplified

Portal is a unified transportation app that combines shuttle services, bike/scooter sharing, and parking management into a single platform for San Marcos residents. The app provides real-time information on transportation options, allowing users to track shuttles, locate available scooters, and manage parking permits through one interface instead of multiple apps.

Project

Details

Project

Details

Project

Details

Duration

6 weeks

Duration

6 weeks

Duration

6 weeks

Duration

6 weeks

Contributors

Gergo Fusti-Molnar
Sydney Sumner
Jake Prothro

Contributors

Gergo Fusti-Molnar
Sydney Sumner
Jake Prothro

Contributors

Gergo Fusti-Molnar
Sydney Sumner
Jake Prothro

Contributors

Gergo Fusti-Molnar
Sydney Sumner
Jake Prothro

Areas

User Research
User Experience
Branding
User Interface

Areas

User Research
User Experience
Branding
User Interface

Areas

User Research
User Experience
Branding
User Interface

Areas

User Research
User Experience
Branding
User Interface

The

Problem

The

Problem

The

Problem

The San Marcos transportation system is fragmented across multiple services and apps, creating inefficiencies for users who must navigate unpredictable traffic, unsafe pedestrian conditions, and disconnected transit options. Students and residents struggle with poor mobility across campus and the city, causing frustration, tardiness, and safety concerns.

70% of Residents

use their car exclusively to travel around and throughout the city

Unification

is how the city of Copenhagen tackled their fragmented transit system. All of it can be accessed under one app.

Parking

is far and away the largest concern for commuters who drive into San Marcos every day.

"Between the trains and the construction I always feel trapped in this city when I need to rely on only my car to get around."

— San Marcos Resident

Transport Problems

are reported in various areas across the city, not localized in a specific area.

80% of Students

say they would use public transit if they had reliable, real-time information

The

Solution

The

Solution

The

Solution

A unified transportation app that streamlines mobility in San Marcos by integrating multiple transit options into one seamless platform. Instead of juggling separate apps for shuttles, bikes, scooters, and parking, users access everything through a single interface with real-time updates. The app shows shuttle arrival times, highlights available scooters and bikes on a map, and manages parking permits—all personalized to user preferences. Portal partners with campus transportation, city transit, and mobility services to create a connected ecosystem that makes getting around San Marcos faster, safer, and more efficient for everyone.

Secondary

Reserach

Secondary

Reserach

Top College Transit

The best schools cut costs for students to use public transport, with it being free in the best examples.

All the best schools have a deep integration between their transport solutions and the city's making things easy and seamless.

City Transit Solutions

Copenhagen integrates several public transport providers into one system with integrated user accounts, ticketing and more.

Hangzhou is known for its sprawling public bike network that integrates with an already impressive public transport system.

Key Takeaway

A good school transit system can't be built on a bad city transit system.

A good school transit system can't be built on a bad city transit system.

Transportation

Surveys

Transportation

Surveys

Our team conducted surveys with San Marcos residents and Texas State students to understand transportation challenges and needs. We gathered feedback about current mobility habits, pain points, and desired features for potential solutions.

64%

of commuter students spend at least an hour looking for parking before class.

80%

of students who use public transit have been late or missed class due to outdated information

Design Education

Interviews

Design Education

Interviews

"I'm always just driving in circles trying to find a spot. It feels like such a waste of time and gas."

— Design Student

"I'm always just driving in circles trying to find a spot. It feels like such a waste of time and gas."

— Design Student

"Even when its hot out, sometimes I just give up and walk because it's more reliable than waiting for a shuttle."

— Management Systems Student

"Even when its hot out, sometimes I just give up and walk because it's more reliable than waiting for a shuttle."

— Management Systems Student

"I pay for, like, three different transportation apps. It adds up really quickly."

— Engineering Student

"I pay for, like, three different transportation apps. It adds up really quickly."

— Engineering Student

Key

Takeaways

Key

Takeaways

1

Poor infrastructure deters alternative transit use.

2

Unpredictable wait times cause frustration.

3

Multiple apps create unnecessary complexity.

4

People plan around transportation limitations.

User

Persona

User

Persona

Sara Chen

Age

Location

Occupation

Education

Age

Location

Occupation

Education

26

Charlotte, NC

Marketing Coordinator

B.A. in Communication

26

Charlotte, NC

Marketing Coordinator

B.A. in Communication

Overview

Overview

Sara works at a growing tech startup where she's increasingly asked to create visual content for social media and company presentations. With no formal design training, she's been relying on templates and basic tools, but feels her career growth is limited by her design skills gap.

Behaviors and Preferences

Behaviors and Preferences

Sara learns best through short demonstrations followed by practice. She prefers mobile-friendly learning for her commute or lunch breaks. She values clear progression, responds well to community feedback, and wants to see immediate application to real-world projects.

Goals and Motivations

Goals and Motivations

Sara aims to develop professional design skills to enhance her current role and potentially transition to a marketing design position. She wants to learn at her own pace without committing to a degree program, focusing on understanding core principles beyond just software tools. Building confidence in presenting her visual work to colleagues is a key priority.

Pain Points

Pain Points

  • Overwhelmed by complex design software

  • Finds online tutorials lacking in structure

  • Can't find free time for lengthy courses

  • Small local design community

  • Limited access to college design programs

Quote

Quote

"I need something that fits into my busy life and shows me not just how to use the tools, but how to think like a designer."

Ideation

Phase

Users consistently struggled with fragmented information, unpredictable wait times, and inefficient transportation decisions. We explored how a potential solution might bridge these gaps by centralizing critical data points, increasing transparency across transportation options, and simplifying complex decision-making.

Users consistently struggled with fragmented information, unpredictable wait times, and inefficient transportation decisions. We explored how a potential solution might bridge these gaps by centralizing critical data points, increasing transparency across transportation options, and simplifying complex decision-making.

Feature

Priority

Feature

Priority

High

Real-time Shuttle Tracking

Unified Transportation Map

Parking Availability Dashboard

Digital Permit Management

Favorites System

Mid

Transit Route Visualization

Rider Pass Integration

Reservation Capability

Integrated Payment System

Low

Carbon Footprint Tracker

Community Reporting

Carpool Coordination

Weather Integration

Wireframes

Wireframes

User

Feedback

User

Feedback

Pain Point

"The trip planner is buried within the menu structure."

"The transit and scooter sections feel like completely different apps."

"I have to navigate through multiple screens to check both shuttle times and parking."

Opportunity

Elevate trip planning to a primary navigation element

Unify design language and navigation patterns

Create a dashboard view that shows primary information for all transport types

Our

Solution

Transport Overview

Transport Overview

Transport Overview

Transport Overview

Your mobility command center brings everything together in one place. Pin your frequent bus routes, favorite parking lots, and preferred e-bike stations for instant updates. See shuttle ETAs, parking availability, and nearby transport options at a glance, saving valuable time on your daily commute.

Parking made Predictable

Parking made Predictable

Parking made Predictable

Parking made Predictable

Manage your parking permits digitally, check real-time lot capacities, and get traffic alerts before you leave. No more circling campus looking for spots—Portal shows you exactly where parking is available and lets you handle all permit details without visiting the parking office.

Transit that Works

Transit that Works

Transit that Works

Transit that Works

View every transit route in San Marcos with actual vehicle locations and precise arrival predictions. Know exactly when your shuttle will arrive, which bus is serving your route, and plan multi-stop journeys with confidence using real-time data instead of outdated schedules.

A Ride, On Demand

A Ride, On Demand

A Ride, On Demand

Your Rider Pass subscription unlocks access to e-bikes and scooters from multiple providers at one bundled price. Find available vehicles on the map, reserve them in advance, and enjoy seamless last-mile transportation without switching between different rental apps.

Trademark

Trademark

Trademark

Like the transportation branding of old, the Portal trademark needed to come with an air of trust and longevity. The simple forms in the mark achieve that, while using bright, energetic colors to express forward motion.

Typography

Typography

Typography

For an app designed to make a city more accessible to its residents through transportation, it was only natural to select a typeface designed with accessibility in mind. Efficiency is important to apps like ours and the "hyperlegible" nature of this typeface brings the prefect blend of style and readability to Portal.

B8

B8

O0

O0

1Iil

1Iil

Atkinson
Hyperlegible

Atkinson
Hyper-

legible

Atkinson
Hyperlegible

Atkinson
Hyperlegible

Regular, Bold

Regular, Bold

Regular, Bold

Regular, Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

Colors

Colors

Colors

A mix of simple, neutral tones with a burst of energetic bright colors creates the trust needed for a transport app, while maintaining a feeling of speed and efficiency.

#9D183F

#9D183F

#9D183F

#C81E30

#C81E30

#C81E30

#FF2F08

#FF2F08

#FF2F08

#FFFFFF

#FFFFFF

#FFFFFF

#212121

#212121

#212121

#000000

#000000

#000000

Problems

Solved

Simplifies parking permit management through digital integration

Makes micro-mobility options (scooters/bikes) more accessible through a unified map

Provides reliable, real-time shuttle arrival predictions instead of inaccurate schedules

Improves awareness of available transportation options throughout the city

Increases utilization of sustainable transportation alternatives

Creates a more connected, accessible San Marcos for students and residents