Pay per approved lead. First 3 leads free.

See how it works
RankMeHi
Blue Aqua International logo

Beautiful · Manufacturer website design · Designed by Andrew Paryab

Manufacturer website design with a 3D globe, layered product visuals and a product catalogue that stays fast.

The problem
Blue Aqua sells farm-care products across several countries. The design used a 3D globe, large typographic backdrops and product renders; the build had to carry all of that without becoming slow.
What we built
A Next.js front end over headless WordPress: animated homepage, product category pages, product detail pages with pack sizes and country availability, and a company timeline.
The result
The design shipped as drawn, the catalogue is editable in WordPress, and the site has taken 29 quote requests through its form since launch.
Want results like this? Get a free auditVisit Blue Aqua International
Blue Aqua website homepage

Design decisions

What the design asked for, and how it survived the build

Designed by Andrew Paryab. Our job was to ship it without compromise.
  1. 01

    The globe, kept

    The hero globe and glass-panel stat cards from the design were built rather than replaced with a flat image.

  2. 02

    Type as texture

    Oversized section words ("Global Challenges", "Farm Care") sit behind content as in the design, at low contrast so they never fight the copy.

  3. 03

    Product renders with room

    Category cards and product pages give the packaging room to breathe, matching the designer's layouts.

  4. 04

    A timeline, not a paragraph

    The company story from 2009 is a vertical timeline with country flags, built from the design rather than simplified to text.

See Andrew Paryab's design case study

The screens

As designed, as shipped

Blue Aqua homepage with 3D globe and stat cards
Homepage: the globe, glass-panel stats and news ticker from the design.
Blue Aqua Farm Care category page with product renders
Category page: "Farm Care" as a typographic backdrop behind the product renders.
Blue Aqua BactoGro product page with pack sizes and availability
Product page: pack sizes, country availability and benefits, editable in WordPress.
Blue Aqua company timeline section
Our Story: a timeline from 2009, with the tabbed BlueVision navigation.
Blue Aqua Global Challenges section with mega menu open
The mega menu over the "Global Challenges" section.

What we built

The web design and development work behind it

Each piece links to the service page that explains how we do it.

What changed

Before and after

Before

  • An ambitious design that a template build would have flattened.
  • A product range that needed to stay editable by the company.

After

  • Design reproduced with its motion and depth.
  • Catalogue managed in WordPress, served as static Next.js pages.

Also fast

Built on Next.js, so speed is a property of the build

Pre-rendered Next.js pages on Vercel. PageSpeed figures are added once measured. How our website speed optimization works.
  • Pages pre-rendered at build time
  • Images resized and served as WebP
  • No page builder, no plugin JavaScript
  • Deployed on Vercel's edge network

Also measured

Enquiries through the site

Growth first, totals underneath. Each figure names its source and period; ask us and we will show you the report it came from.
29
Quote requests through the site

JotForm, "blue aqua quick quote" form
Jul 2024 – Aug 2026

At a glance

Project details

Client
Blue Aqua International
Industry
Aquaculture products and services
Location
Singapore and South-East Asia
Launched
2024
Proves
Beautiful · Fast

Stack

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • WordPress (headless)
  • REST API
  • Rank Math
  • GSAP
  • Framer Motion
  • Figma
  • Vercel
  • JotForm

Want this for your business?

The same manufacturer website design approach, for your site

Start with the service pages below, or skip straight to the free audit and we will tell you what your site needs first.
ServiceCustom website designServiceWeb development agency

More work

More web design and development case studies

Check availability

Is your trade still open in your city?

One partner per trade per city. Send your website and within one business day you will know whether your city is open, what your current site is losing, and the per-lead price for your trade.
  1. 1Share your name, email and website.
  2. 2We check whether your trade and city are still open, and audit your current site.
  3. 3You get the audit and, if your city is open, the partner terms in writing.

The audit is free either way. If the partner deal is not a fit, you still get the findings and the fixed-price quote.

Check if your city is open

Name, email and your trade. We reply within one business day with availability and the per-lead price for your trade.

Your contact details
What are you after?0 of 2 required fields done

We check whether your trade and city are still open and reply with the per-lead price.

Only for the reply. Never shared or sold.
Optional. Leave it blank if you have none yet
Optional, but it speeds up the reply
How did you find us?Optional
  • Reply within 1 business day
  • No spam, no obligation

By submitting this form, you agree that RankMeHi may contact you about your request.