Work Corporate website
A six-page website for a marine equipment supplier
A working redesign for a Dubai company that supplies, installs and services equipment for yachts and supply vessels. Six pages, built from the company’s own content.
Concept project Built in October 2026 as a redesign proposal for a Dubai marine equipment supplier. It is not live on the company’s own website yet, and the company is not named here.
- Type
- Corporate website
- Status
- Concept, not launched
- Role
- Design and build
- Built with
- HTML, CSS and JavaScript, no framework
Hover the screen to scroll through the real home page.
What changed
| Area | The existing site | The concept |
|---|---|---|
| Products | The range existed, but the menu’s Products link led back to the home page. | 212 products in 15 ranges, reachable from every page. |
| Content | A placeholder testimonial, filler text and counters stuck at zero. | Only content from the company’s own site. Nothing invented. |
| Consistency | Some pages opened in a plain theme without the menu or logo. | One design across all six pages. |
| Enquiries | The propeller enquiry was one long form. | Four short steps, with units and a running summary. |
The approach
One design across six pages, in the company’s own yellow and black, using only content that already existed on its site. Nothing was invented to fill a gap.
The home page opens with a line drawing of a stern gear arrangement. Each labelled part is a link into the matching product range, so the first thing a visitor sees is also a way in.
A quote request and a WhatsApp link are reachable from every page.
What was built
| Item | Part | What it does |
|---|---|---|
| 01 | Interactive stern gear drawing | Seven labelled parts, each linking to its product range. |
| 02 | Services as tabs | Thirteen service lines on one page, each with its own address so it can be linked directly. |
| 03 | Menus that work everywhere | Dropdown menus on desktop that list every service and product range, and a compact menu on phones. |
| 04 | Quote request on every page | One button in the header, carrying a count of items the visitor has collected. |
| 05 | Reduced-motion support | Animations switch off for visitors whose device asks for less motion. |
| 06 | Inline form messages | A missing field is explained under the field itself, in plain words. |
Screens
Company name, logo, address and phone numbers have been replaced in these screenshots. Product photos and wording belong to the company.
Quality verification
- Method
- Checked in an automated Chromium browser.
- Date
- 13 October 2026
Checked and passed
- All six pages fit the screen with no sideways scrolling at 360, 390, 768 and 1440 pixels wide
- No script errors on any page
- The first press of Tab reaches a “Skip to content” link
- Products added on the catalogue page appear in the quote request on the contact page
Not yet covered
- Not yet tested on physical phones or in Safari and Firefox
- Not yet tested with a screen reader
- Forms open the visitor’s email app. A live site would need a mail service behind them
Why it matters to a business
Many UAE trading and service companies have the same problem: years of real capability, and a website that hides it behind a broken menu.
The fix is rarely more content. It is the content you already have, arranged so a buyer can find the service, see the range and ask for a price without picking up the phone first.
Live demo
The working build carries the company’s name and product photos, so it is shown privately. Ask for a walkthrough.
Ask for a walkthroughTell me what your business needs built. A few lines are enough to start, and I reply with questions, not a sales pitch.