03 / 11

AMADAL

Full-stack devUI/UX designAdmin dashboard2024–2025

The brief

A Moroccan brand offering agricultural solutions needed one place to present its whole catalogue online and manage it without a developer. The project started with a team: a back-end dev, a WordPress dev and me on UI.

My solution

I took it over alone and rebuilt it in code: React, TypeScript, Tailwind and Vite on the front, Express and MySQL behind a REST API. Planned for four months, delivered in three.

The client was adding products straight into the database, so I built a custom admin dashboard on top of the brief.

amadal.ma ↗
200+products in the catalogue
11pages designed
3months, of 4 planned
~2years live
AMADAL homepage hero
Homepage, live at amadal.ma.
AMADAL homepage design, product sections
Homepage design: products and solutions.
AMADAL homepage design, partners and contact
Partners, education and contact.
AMADAL blog page
Blog on irrigation and agriculture.

Admin dashboard & mobile

Admin products overview
Products overview.
Admin add product form
Add a product.
AMADAL contact form
Contact.
AMADAL mobile home
Mobile, home.