Agency Website & Onboarding Platform

Deniz Cansen

0

Web Designer

Fullstack Engineer

Web Developer

ExpressJS

Next.js

Tailwind CSS

Hexaflare is a digital creative marketing platform specializing in web development, AI solutions, and comprehensive branding & design services. I was responsible for designing and developing their website and an advanced onboarding process that streamlines client communication, reduces revisions, and automates critical business functions such as payment processing and scheduling.
Project Objectives:
Modern, Premium Design: Create a visually engaging website that reflects Hexaflare’s innovative and premium brand identity.
Seamless Onboarding Experience: Develop a multi-step onboarding flow (Discovery, Contract Review, Payment, Scheduling, Dashboard) that collects detailed project information and sets clear expectations from the outset.
Integrated Payment System: Implement a secure Stripe-based payment system to process a 50% upfront deposit with the capability to automatically charge the remaining 50% upon project delivery—minimizing friction and the need for repeated card entries.
Client Portal & Scheduling: Build a client dashboard powered by Firebase for authentication and data management, and integrate Calendly for easy scheduling of kickoff meetings.
Admin Panel & Automation: Design an admin interface to manage client onboarding, customize project timelines, and manually trigger final payment processes as needed.
Key Responsibilities & Contributions:
Front-End Development:
Developed a responsive, modern UI using Next.js, React, and Tailwind CSS to ensure a premium and futuristic design.
Created reusable components for pricing, onboarding, and the client dashboard to maintain design consistency and streamline development.
Back-End Development:
Built RESTful APIs with Node.js and Express to handle onboarding processes, chat history, and client data.
Integrated Firebase Admin SDK to manage data persistence for chat history, client records, and onboarding details.
Payment Integration:
Implemented Stripe Checkout sessions for processing a 50% deposit and set up a webhook system to manage off‑session payments for the final 50% charge.
Ensured secure storage and re-use of customer payment methods via Stripe’s SetupIntents for seamless future transactions.
Onboarding Flow & Automation:
Designed a multi-step onboarding process that collects detailed project information and personal data from clients.
Integrated a dynamic contract review page that personalizes contract content based on the collected data.
Provided an admin-triggered final payment option via a dedicated payment trigger component for secure, manual final charge processing.
Third-Party Integrations:
Integrated Calendly for scheduling kickoff meetings directly within the client portal.
Utilized automation platforms to connect the website with GoHighLevel and streamline lead management and follow-up communications.
Technologies & Skills:
Frontend: Next.js (v15 with App Router), React, Tailwind CSS, JavaScript/TypeScript, dynamic imports, and modern UI/UX design principles.
Backend: Node.js, Express, RESTful API design, Firebase Admin SDK, Stripe API integration, webhooks, and robust error handling.
Payment & Security: Stripe Checkout, SetupIntents, and off‑session PaymentIntents to enable secure, recurring payments without re-entering credit card details.
Automation & Integration: Experience with automation tools such as Make.com (formerly Integromat) for connecting various systems, as well as integrating third‑party scheduling tools (Calendly) and CRM systems (GoHighLevel).
Project Management & Communication: Agile development practices, cross-functional collaboration, and focus on user-centric design to minimize revisions and ensure project success.
Impact: The Hexaflare website and onboarding platform not only enhanced the user experience by offering a seamless and automated process from inquiry to project kickoff but also improved internal efficiency by reducing unnecessary revisions and consolidating client data. The integrated payment and scheduling system ensured a smooth transition from contract acceptance to project initiation, ultimately contributing to higher client satisfaction and streamlined operations.
Like this project
0

Posted Feb 7, 2025

Developed Agency premium website with automated onboarding, integrated Stripe payments, Calendly scheduling, and a Firebase-powered client portal.

Likes

0

Views

0

Clients

Hexaflare

Tags

Web Designer

Fullstack Engineer

Web Developer

ExpressJS

Next.js

Tailwind CSS

Website – Web3 Gaming Platform | Web3 Wallet Integration
Website – Web3 Gaming Platform | Web3 Wallet Integration
Sonnance
Sonnance