Yumesh Ban Logo
Yumesh Ban
Back to Works
Works / 06Freelance

Sea Sky Cargo Clone

Sea Sky Cargo Clone was freelance work to replicate the public experience of an official logistics site. The goal was a credible responsive marketing experience for freight services and resources, not a fabricated end-to-end logistics system.

Live project Repository

Role

Frontend Developer

Association

Freelance

Timeline

Sea Sky Cargo Clone logo
Project evidence / 0616:10 view

01

The context

The problem, people, and outcome in view.

Sea Sky Cargo Clone was freelance work to replicate the public experience of an official logistics site. The goal was a credible responsive marketing experience for freight services and resources, not a fabricated end-to-end logistics system.

The project covers navigation, air/sea/land service pages, company/resource content, motion-led presentation, and a quote-intake overlay. It is also a useful learning case: the quote interface currently collects data in the browser and logs it locally. It does not send, store, or confirm a lead, so the portfolio must present it as a frontend prototype rather than a production lead-capture system.

02

The contribution

A clear view of what I owned.

Frontend Developer

Responsibilities

  • React Router-based public site with company
  • service
  • resource
  • gallery
  • career
  • CSR
  • and blog routes.
  • Responsive desktop/mobile navigation and service/resource menus.
  • Framer Motion-led homepage and content presentation.
  • Air
  • sea
  • and land-freight information pages.
  • A quote overlay with required fields
  • optional image upload
  • outside-click dismissal
  • and form-data capture.

Capabilities applied

ReactClient-side RoutingResponsive UI EngineeringInformation ArchitectureInteraction, Theme & Motion DesignUX Workflow DesignREST API DesignTechnical Communication & Limitation Analysis

03

The work

From decisions to the working product.

Process

Sea Sky Cargo Clone was freelance work to replicate the public experience of an official logistics site. The goal was a credible responsive marketing experience for freight services and resources, not a fabricated end-to-end logistics system.

The project covers navigation, air/sea/land service pages, company/resource content, motion-led presentation, and a quote-intake overlay. It is also a useful learning case: the quote interface currently collects data in the browser and logs it locally. It does not send, store, or confirm a lead, so the portfolio must present it as a frontend prototype rather than a production lead-capture system.

Solution

React Router-based public site with company, service, resource, gallery, career, CSR, and blog routes. Responsive desktop/mobile navigation and service/resource menus. Framer Motion-led homepage and content presentation. Air, sea, and land-freight information pages. A quote overlay with required fields, optional image upload, outside-click dismissal, and form-data capture.

04

The result

Proof over promises.

Do not claim that quote leads, uploads, shipments, tracking, payments, accounts, or CRM handoff work in production. The form is console-only.

05

Build notes

The tools and details that carried it through.

Technology

Client-side routingResponsive navigationLogistics information architectureFramer MotionQuote-intake UXFormData handlingFrontend limitation analysisReact frontend engineering

Selected product details

  • React Router-based public site with company, service, resource, gallery, career, CSR, and blog routes.
  • Responsive desktop/mobile navigation and service/resource menus.
  • Framer Motion-led homepage and content presentation.
  • Air, sea, and land-freight information pages.
  • A quote overlay with required fields, optional image upload, outside-click dismissal, and form-data capture.

Explore further

06

Connected work

Proof and writing from this project.

Project proof

Frontend / React

Sea Sky Cargo Clone: React frontend engineering

Built a multi-route single-page application.

Sea Sky Cargo CloneFrontend

Frontend / Client-side Routing

Sea Sky Cargo Clone: Client-side routing

Structured public company, service, resource, and content pages with React Router.

Sea Sky Cargo CloneFrontend

Frontend / Responsive UI Engineering

Sea Sky Cargo Clone: Responsive navigation

Implemented desktop menus, mobile navigation, and service/resource discovery.

Sea Sky Cargo CloneFrontend

Soft Skills / Information Architecture

Sea Sky Cargo Clone: Logistics information architecture

Organised air, sea, and land-freight services alongside shipping-resource content.

Sea Sky Cargo CloneProduct Delivery

Frontend / Interaction, Theme & Motion Design

Sea Sky Cargo Clone: Framer Motion

Added bounded visual motion to content sections and public presentation.

Sea Sky Cargo CloneFrontend

Soft Skills / UX Workflow Design

Sea Sky Cargo Clone: Quote-intake UX

Designed a modal form with required data, optional upload, Escape/outside-click close behavior, and input state.

Sea Sky Cargo CloneProduct Delivery

Backend / REST API Design

Sea Sky Cargo Clone: FormData handling

Collected form and optional image data in a browser-side request shape.

Sea Sky Cargo CloneProduct Delivery

Soft Skills / Technical Communication & Limitation Analysis

Sea Sky Cargo Clone: Frontend limitation analysis

Identified the missing backend/CRM delivery path and documented it as the key production gap.

Sea Sky Cargo CloneFrontend

Related writing

Case Study

What replicating a logistics website taught me about the boundary between interface and operations

A candid frontend case study about shipping a polished marketing experience without overclaiming backend capability.

Read article

Works / 06 of 08

Have a similar problem to solve? Let's talk.

Start a conversation View all works Next: Hamro Futsal