← All work

Agent71

Enterprise software
Hikaritech

A product website that explains connected business software through familiar workflows and interactive previews.

Agent71 — The live Agent71 website, with its illustrative product dashboard.

The live Agent71 website, with its illustrative product dashboard.

01 / The idea

One place for a business to move forward.

Agent71 is an ERP initiative for Moroccan SMEs, bringing finance, sales, purchasing, inventory, and accounting into a connected product vision. This website introduces the platform through a clear product narrative and interactive interface previews.

Finance, sales, purchasing, inventory, and accounting are connected in daily business, but a long feature list does little to explain that relationship. The public Agent71 website needed to make an ERP product understandable through familiar tasks and a clear view of the platform.

My contribution

Technical direction and product development at Hikaritech. The work shown here focuses on the public product website, its interface, and the way it communicates the platform.

Built with

  • React
  • JavaScript
  • Vite
  • GSAP

02 / The process

How I built it.

  1. Explain the product through everyday work

    I connected the product narrative to a dashboard, invoices, and business modules. The homepage introduces the broader platform, while dedicated scope and e-invoicing pages give visitors room to understand individual workflows. The interface previews make an abstract software proposition more concrete.

  2. Turn the interface into a working presentation

    The website uses React and Vite, with separate components for the dashboard, invoice preview, navigation, and supporting pages. Local interface state drives the preview controls. These are illustrative demonstrations of the product experience; the public dashboard does not expose a company’s operational records.

  3. Adapt the experience to its audience

    English, French, and Arabic navigation sits alongside the product story. Shared page elements and GSAP motion connect the different views, while the visual hierarchy keeps the business explanation ahead of the technical detail. My contribution here combines product communication, interface development, and technical direction at Hikaritech.

03 / The result

What it brings together.

Agent71’s public website provides a way to explore the platform’s scope before discussing an implementation. The work presented here is the product website and its interactive previews, with a clear connection between the business problem and the interface proposed to address it.

  • A product-led homepage and dashboard presentation
  • English, French, and Arabic navigation
  • Dedicated product scope and e-invoicing pages
Visit Agent71

Next project

VoxPair