Noon Marine — Design Review

Website Redesign — Page Review

Below are all redesigned pages for the new noonmarine.com. Click any page to open a full preview. These are static HTML mockups — links between pages work for navigation review.

Navy #0B1F3A Gold #C9A84C Ocean Blue #1A4A7A Fonts: Outfit + Noto Sans

All Pages

HOME

Homepage

Hero · Stats bar · Services grid (13) · Marketplace preview · Features · Certifications · Blog preview · Bottom CTA

Open page →

ABOUT

About Us

Hero · Stats · Our Story · CEO card (Sina Rahnama) · Departments · DMC presence · Certifications · Timeline

Open page →

SERVICES

Services

Hero · 6 expanded service cards with bullet points · Why Noon Marine strip · Extended capability list · CTA

Open page →

MARKETPLACE

Marketplace Listing

Filter tabs · Search bar · Vessel listing cards (image, specs, price) · Browse all CTA

Open page →

MARKETPLACE

Marketplace Detail

Image gallery · Vessel specs · Pricing · Inquiry form · Related listings

Open page →

BLOG

Maritime Insights Blog

Hero · Blog card grid (image, category, title, excerpt) · Pagination

Open page →

CONTACT

Contact Us

Contact form · DMC address · Phone & email · Business hours · WhatsApp button · Map visual

Open page →

AUTH

Sign In

Split layout · Navy brand panel · Login form · Email & password fields

Open page →

AUTH

Register

Split layout · Navy brand panel · Registration form · Name, email, password fields

Open page →

Review Notes

Contact details: All pages use the correct info — +971 50 100 1882 · info@noonmarine.com · Dubai Maritime City (DMC), New Building, Office No. 16

CEO card: About page shows "SR" initials placeholder — will be replaced with Sina Rahnama's professional photo once provided.

Images: Currently using AI-generated placeholder images from Stitch. Real photos (port, DMC office, team) will replace these before launch.

Language switcher: Globe icon visible in nav. EN / AR / FA functionality will be added in a later phase.

Marketplace: Listing cards show sample vessel data (Aframax tanker, container ship, bulk carrier). Real listings will come from the database.

Logo: "Noon Marine" shown as text placeholder in nav — the actual logo file will be used in the live site.