Plataforma E-commerce
Design and development of a web catalog for digital services with a strategic conversion funnel toward WhatsApp for personalized sales closings. The system includes a private admin dashboard to manage the service catalog.
My role
As a Fullstack developer, I owned the project end to end: from the catalog and conversion funnel to the data layer and the admin dashboard, ensuring a smooth experience for the client and an orderly management of the catalog.
- Frontend in Next.js (App Router): development of the service catalog and conversion funnel, with per-platform subpages (Instagram, TikTok, YouTube) and calls to action that route the client toward WhatsApp to close the sale in a personalized way.
- Server Actions: server-side logic for the dashboard operations (create, edit and remove services and reviews), with data validation via Zod at the edge of each action.
- PostgreSQL database: data model for services and reviews, with Row Level Security (RLS): public read access only to active/visible records and writes restricted exclusively to the admin role.
- Private admin dashboard: protected interface (admin password + session cookie signed with HMAC-SHA256 and constant-time comparison) to manage the catalog and reviews.
- WhatsApp integration: automatic generation of the message with the details of the selected service (and the client's @username, captured in a two-step CTA) to speed up contact and closing.
Key features
- Web catalog of digital services with detailed cards, dynamic promotional pricing and responsive design.
- Strategic conversion funnel that guides the user toward contact via WhatsApp with the least possible friction (no user registration or login).
- Automatic generation of WhatsApp messages with the selected service for personalized closings.
- Private admin dashboard with access protected by authentication.
- Full management of the catalog (create, edit and remove services) and reviews from the dashboard.
- Database-level security with RLS policies that separate public reads from administrative writes.
Impact
The result is a platform that combines an attractive catalog with a conversion funnel that leads directly to WhatsApp, shortening the path to closing the sale and enabling personalized attention. The admin dashboard gave the client full autonomy over their catalog and reviews —without depending on a developer for every price or service change—, with changes protected by authentication and database-level security policies.
Technologies
| Technology | Use / Implementation |
|---|---|
| Next.js | Frontend for the catalog and conversion funnel (App Router), with per-platform subpages and Server Actions for the dashboard. |
| TypeScript | Static typing across the whole project for greater robustness and maintainability. |
| PostgreSQL | Database for services and reviews, with RLS separating public reads from administrative writes. |
| Zod | Data validation at the edge of each dashboard Server Action. |