All cases
LIVE IN PRODUCTIONLanding Page + CRM · Full-Stack·Junho 2026

Digital portal for the largest women's foreign trade network in Brazil.

Client: Amecomex - Associação das Mulheres do Comércio Exterior

Main result

Full portal live in 6 sessions - from spreadsheet to SaaS in production.

0
Delivery sessions
0
CRM modules
0+
Members in base
0
Systems in production

Challenge

Amecomex managed 338+ foreign trade professionals with scattered Excel spreadsheets. No digital registration portal, no automated membership fee control, and no web presence reflecting the size and strength of the association. The board needed to modernize operations and attract new members without interrupting the entity's day-to-day work.

Solution

Two integrated systems in 6 work sessions: a multilingual institutional landing page (PT/EN/ES) with a 4-step membership form and Google and LinkedIn OAuth login, and a full CRM with 15 management modules - members, fees, events, mentoring, welcome kit and analytics. Infrastructure on Hostinger VPS with Supabase PostgreSQL, automatic SSL and Row Level Security.

The process

Six sessions, two systems live

01

Discovery & Architecture

Mapping of 338 existing members, data architecture definition (9 Supabase tables) and stack selection: React 19 + Vite + Tailwind + shadcn/ui.

02

Landing Page

Responsive mobile-first design, multilingual system PT/EN/ES, 4-step membership form, hero with video and Google + LinkedIn OAuth integrated.

03

CRM - Core

Dashboard with KPIs, complete member management (registration, photos, history), fee control and financial status, welcome kit.

04

CRM - Advanced modules

Events and registrations, campaign data verification, weekly newsletter, reports, engagement analytics, settings and permissions.

05

Infrastructure & Deploy

Dedicated Hostinger VPS, Nginx with SPA fallback + gzip, Let's Encrypt SSL with automatic renewal, Infisical Vault for secrets, PM2.

06

E2E Tests & Go-Live

Playwright suite confirming both systems LIVE, OAuth validation in production, RLS review and data migration preparation.

Tech stack
React 19Vite 7TypeScriptTailwind CSS 4shadcn/ui + Radix UISupabase (PostgreSQL)Supabase Auth (OAuth)Supabase StorageNginxHostinger VPSLet's EncryptInfisical VaultPlaywright (E2E)Recharts
Landing Page

Institutional portal in production

Landing Page Amecomex

Click to expand

CRM - Interfaces

The product in production

Click any image to expand and see the details.

Authentication via OAuth

Authentication via OAuth

New member onboarding

New member onboarding

Dashboard with KPIs

Dashboard with KPIs

Member management

Member management

Want a project like this?

Let's build together

Request diagnosis
Amecomex - Associação das Mulheres do Comércio Exterior | UXShift Cases