Leyton Bostre

Jumpseat

See live

Deaf kids outreach logo

Overview

Problem

Students and parents face financial and time inefficiencies due to dynamic airline pricing, disorganized shuttle services, and outdated shuttle software, resulting in suboptimal travel arrangements.

S

lution

A modern, aesthetic website offering AI-powered insights, automated shuttle tasks, and optimized schedules, helping students and parents save time and money by finding ideal travel options and ride-sharing partners.

My Role

Full Stack Developer

Scope

January 2024 - Present

Team: 15 members

WebDev Team: 4 members

Figma work.

My work in Figma.

Previous landing/search page.

Previous landing/search page. The bottom section rotates between different airlines/shuttle services that are offered on our website.

Search page with custom option for dates.

Search page. This page allows users to specify trip details, including custom dates as shown in the screen above.

Search page with break options for dates.

This search page version allows users to select pre-programmed date options that align with their specific school, making the booking experience easier and less stressful.

Search page with custom option for dates, dark mode.

Dark mode of search page in custom mode.

Search page with break options for dates, dark mode.

Dark mode of search page in break mode.

Example Code for Gradient Icons

<svg width="0" height="0">
    <linearGradient
        id="blue-gradient"
        x1="100%"
        y1="100%"
        x2="0%"
        y2="0%"
    >
        <stop stopColor="#1e40af" offset="0%"/>
        <stop stopColor="#3a84f5" offset="100%"/>
    </linearGradient>
</svg>
<BiSolidPlaneAlt
    size={90}
    style={{ fill: "url(#blue-gradient)" }}
    aria-hidden="true"
/>
404 page

404 page.