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

Start with clarity

Get your free website & SEO audit

Tell us where to start. We review your website and identify the issues that may be limiting visibility, speed, trust or lead generation.
  1. 1Share your name, email and website.
  2. 2We review your current website and SEO foundation.
  3. 3We reply with the clearest next steps for your business.

No confusing pitch. No generic checklist. Just a focused first look at what deserves your attention.

Tell us about your website

It only takes a minute. We use these details to review the right website and reply to the right person.

Your contact details

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