Cod Partner
Marketing site for an e-commerce enablement platform in the GCC, built from a Figma file — nine linked operations, from product sourcing through customs and cash-on-delivery settlement to last-mile delivery, written out by hand as a front end.
- HTML5
- CSS3
- JavaScript
- jQuery
- Swiper
- E-commerce enablement · Fujairah, UAE
- Frontend developer, via Panze Studio
- Frontend Development
- codpartner.com
The ask
A Figma design for a GCC e-commerce enablement platform, to be built as a marketing front end.
The build
Every section written by hand in HTML, CSS and JavaScript, with its own stylesheet rather than a theme.
The outcome
Nine services and two audiences held in one page, responsive at every width the design did not cover.
THE PROBLEM
A long design with a great deal to hold
The Figma covered a site that has to carry nine linked operations — sourcing, call centre, customs clearance, COD settlement, warehousing, delivery, an affiliate programme, deferred payment terms — and two different readers: a seller working out whether the chain covers them, and an affiliate looking for a programme to join. Long pages like that come apart in the build, not in the design: sections stop reading as one chain, and the narrow widths the Figma never showed are where they break.
THE SOLUTION
Written by hand from the Figma file
I built it as a front end of my own rather than bending a theme to fit — one stylesheet for the site, and motion only where the design asked for it. Each service section is structured the same way so the chain reads as a sequence rather than a list, and every one of them was taken down to phone width deliberately instead of being left to a framework’s defaults.
- Nine service sections built to one repeating structure
- A seller path and an affiliate path held in the same page
- Deferred payment terms given their own explanation rather than a footnote
- Responsive behaviour decided per section, at widths the Figma did not cover
THE STACK
Chosen for who maintains it
A hand-built front end rather than a theme — its own stylesheet, with the libraries the page actually uses for sliders, scroll animation and the statistics band, and nothing else along for the ride:
- HTML5
- CSS3
- JavaScript
- jQuery
- Swiper
- AOS
- Masonry
THE RESULT
The design, working at every width
The site went live carrying the full service chain, with the platform itself handed off to app.codpartner.com where sellers sign in. What the front end had to prove was that nine operations could sit in one page and still read as a single company — which is the argument the business makes to every seller it signs.
THE SERVICE BEHIND IT
Want something built this way?
This project came out of my Frontend Development work. That page covers the process in full — what I deliver, how a project runs, and the questions people usually ask before starting one.
What that service covers
- Pixel-accurate implementation, responsive from 320px upward
- Interfaces built to the data they carry, not to a template
- Accessible, conventional code the next developer can read
MORE WORK
Other case studies
Same write-up every time — the problem, the approach, the stack and what changed.
Branding & design studio · Subscription service
Canvascroft
Subscription creative service for a branding studio — no design file, just reference sites and a requirements list, built out in WordPress.
- WordPress
- Elementor
- WooCommerce
Advertising agency
DGsors Advertising
PSD design built out on a custom WordPress theme — four agency capabilities, each with its own proof, and 3D and video served without stalling the page.
- WordPress
- Custom theme
- Custom plugin