A custom WordPress website for Newport Maritime Service, a professional maritime services company. The project involved cloning and adapting the design direction of a reference maritime site, building custom post types via the CSF plugin, and delivering a polished multi-page brochure website using Pro Elements with a consistent theme across all pages.
Newport Maritime Service — Maritime Brochure Website
Overview
Newport Maritime Service is a professional maritime services company requiring a new website to establish a credible, industry-appropriate online presence. The project involved designing and developing a WordPress brochure website inspired by a reference maritime site — GIMAS — adapting its color palette and visual style into a custom design built around Newport's branding, services, and content.
The Challenge
The project required translating a strong reference design into a unique, brand-appropriate website without simply copying it. Key challenges included:
- Adapting the GIMAS reference site's color scheme and layout direction to fit Newport Maritime's branding and identity
- Structuring and building custom post types for services or similar structured content using the CSF plugin
- Maintaining visual consistency across the landing page and all inner pages within the same design theme
- Delivering a professional, trust-building design appropriate for the maritime services industry
Development Process
Design Direction & Setup
The landing page design was developed by closely referencing the GIMAS website for color palette, layout structure, and visual tone. These design decisions were then carried consistently across all inner pages to create a unified site-wide theme. Newport's provided logo assets and brochure content were used to inform the site's branding, copy structure, and service presentation.
Custom Post Types with CSF Plugin
Custom post types were created and configured using the CSF (CodeStar Framework) plugin, allowing structured management of services or similar repeatable content types. This gave the client a clean, organized way to manage and update content through the WordPress admin without touching page templates directly.
Page Design with Pro Elements
All pages were designed using Pro Elements, with custom layouts built to reflect the maritime industry's professional and authoritative tone. The design balanced visual impact on the landing page with clean, readable layouts on inner pages — keeping the overall experience consistent and on-brand throughout.
Key Features
- Reference-Inspired Custom Design — Landing page and inner pages designed with GIMAS as a visual reference, adapted for Newport's brand identity
- Custom Post Types via CSF — Structured content types built and managed through the CodeStar Framework plugin
- Pro Elements Page Builder — All pages built with Pro Elements for flexible, custom layouts
- Brochure Website Structure — Multi-page site covering company overview, services, and contact information
- Consistent Design Theme — Unified color palette and layout language applied across all pages
- Responsive Design — Full responsiveness across mobile and desktop devices
Result
A professionally designed WordPress brochure website for Newport Maritime Service — built with a custom design inspired by an industry reference, structured content management via custom post types, and a consistent visual theme across all pages, delivering a credible and polished online presence for the maritime services sector.