Back to 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.

Filed under
  • React
  • Frontend
  • UX
  • Logistics
  • Case Study
Sea Sky Cargo Clone logo

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.

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.

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