Malabar coast
Muziris and the spice routes
Kerala's shores linked the Indian Ocean to Rome, Arabia and East Africa — a crossroads before the modern yard.
Three distinct themes
Lead proposal
Theme 1
Full-screen verticals in SpaceX style. One CSL pillar per viewport. A clear CTA opens a microsite. Maximum impact, statutory bar never hidden.
Commercial alternative
Theme 2
“Rooted in heritage. Building tomorrow.” Cinematic yard film, archival timeline, editorial proof. Theme concept designed by students from Art Institutes.
Innovation alternative
Theme 3
“Engineering the next maritime chapter.” Dark ocean cinema, scroll-driven yard films, future vessels first.
| Theme 1 | Theme 2 | Theme 3 | |
|---|---|---|---|
| Stands for | Mission-scale national yard | India’s maritime legacy, modern engineering | Builder of the future maritime economy |
| Headline | One vertical. One screen. One CTA. | Rooted in heritage. Building tomorrow. | Engineering the next maritime chapter. |
| Composition | Full-bleed stacked viewports | Editorial, spacious, image-led | Dark immersive ocean + glass content bands |
| Motion | Snap-scroll, rail, microsite drawer | Pinned heritage scroll, scale crossfade, film handoff to timeline | Pinned film chapters, in-view playback, explorer film swap |
| Best for | Board, ministry, global owners | Commercial owners, press, public | Innovation partners, talent, export |
| Role in this pack | Leading proposal | Commercial alternative | Innovation-led alternative |
Proposed technology stack
Foundation for the live website lies in Production grade tech and not the theme demos above. Layers chosen for long support life, Enterprise grade security, multilingual delivery, and fit with CSL’s existing infrastructure with added guardrails.
Backend: Java Spring Boot
Primary backend for APIs, CMS workflows, tenders/feeds, search, and admin. Same class of stack used on large international corporate and government sites: statically typed, memory-safe on the JVM, mature security libraries (Spring Security, OWASP-aligned patterns), audit-friendly releases and long-term support.
Frontend: TypeScript
Presentation layer with strict typing (TypeScript) over a component-based framework—fewer runtime defects, safer refactors, and strong tooling for accessibility (WCAG 2.1 AA), responsive layouts, English/Hindi/Malayalam, and rich media without sacrificing first-load speed.
Database & CDN
PostgreSQL for content and audit data; Edge caching and TLS; Media and 3D assets via object storage on existing cloud; visitor privacy and logs aligned with DPDP Act 2023.
Key Takeaways
VisionHeritage and capability, one modern faceInternational-grade design rooted in CSL’s story—heritage plus latest tech—so shipowners, Navy, investors and the public get a corporate experience from the first click, on brand and built to be secure, fast and easy for CSL teams to run.
FoundationSecure, instant, inclusive, systematicSecure-by-design with monitoring and rollback; pages that load almost instantly on any network and device; full accessibility including low-end mobile; reusable tokens and components; visitor privacy aligned with the DPDP Act 2023.
ExperienceAudience-first journeysNavigation shaped for shipowners, defence, investors and the public—each reaches what they need in a few clicks—with dedicated home for Shipbuilding, Ship Repair, Offshore, Defence, Green and Future Vessels, METI/Training, Facilities, and Startups & MSMEs.
ExperienceRich, moving, still fastVisually rich video and imagery with scroll or ambient motion; performance tuned so pages feel immediate even on slow connections.
ExperienceMultilingual and searchableEnglish, Hindi and Malayalam; AI-powered natural-language search (Indian models such as Sarvam) so visitors find content quickly.
DesignPublic art, maritime rootsMajor theme can draw from a Cochin-area student art hackathon—Kerala and India maritime heritage—with media-friendly public inclusion.
ShowcaseDepth beyond the homepage3D fleet and vessel explorer; technology and green/future programmes; achievements as a visual story; drone and close-up film; interactive virtual tours; maps of units and heritage trade routes.
CMSPublish without developersNews and press popups from admin; AI assistant on alerts, traffic and security; approval workflow, RBAC and versioning; media and archival policies; audit logs; SSO, MFA and restricted access on existing infrastructure with added guardrails.
