Design on Figma from scratch.
Every icon custom, built to match the product.
The site was handed over complete, content, catalog, and all.

60+

Custom Icons

1

request system, zero friction

4

Booth modules

the issue

Phox had a product that sold itself, Class-A sound insulation, modular design, four models for one to six people, sixty-minute installation. What it didn’t have was a website that communicated any of that with the same precision.

The catalog needed to work as a request system rather than a standard checkout. Architects and office managers needed to add booths to a cart and submit a quote request, not complete a purchase. The content needed to be built from the ground up in both Turkish and English. And the visual language needed to match a product that’s designed to stand out in a modern office.

the solution

Designed entirely in Figma before development started. Every page, every component, every content block resolved before WordPress was opened. The design direction followed the product, clean, precise, premium without being cold.

The existing logo was converted to SVG and optimized for web use. Every icon on the site, product features, process steps, specification callouts, was drawn as a custom SVG aligns with the product itself. The result is a visual language that’s consistent with the product rather than generic.

WooCommerce was configured as a request system. Visitors browse add their customized products to a cart, and submit a quote request at checkout. No payment processing, no inventory management. Just a clean path from product discovery to sales conversation.

The full site content was written and structured in Figma before handover, giving the Phox team a complete, ready-to-use website rather than a framework they’d need to fill in themselves.

My role

Design

Figma, responsive layouts

Custom Icons

60+ custom SVG icons · drawn from scratch

Development

Blocksy, Gutenberg, custom blocks

WooCommerce

Request-based catalog

Full Content

Turkish & English

Infrastructure

VPS, DNS, Cloudflare

Editorial handover

Complete and ready

  • Four models.
  • Two languages.
  • Every icon custom.
  • Handed over complete, content written, catalog built, server configured.