1. Project Overview:

APACS Consultation provides strategic business advisory, renovation project planning, and first-hand car dealership services, with inquiry-based listings for second-hand and reconditioned vehicles. We delivered a clean, light-themed site with bright-yellow accents and a powerful custom admin dashboard to manage all three verticals.

2. Client Objectives:

• Showcase Service Verticals
  
  Clearly present Business Portfolio, Renovation Services, and First-Hand Car Dealership offerings.
• Request-Based Car Listings
  
  Allow customers to browse second-hand and recon vehicles and submit inquiry forms.
• Custom Admin Dashboard
  
  Enable APACS staff to upload and manage consultation projects, renovation jobs, and car inventory with visibility toggles.
• Lead Capture
  
  Streamline enquiry forms for consultations, renovation quotes, and car requests.
• Brand Consistency
  
  Use a light, minimalist UI with bright yellow highlights to reinforce APACS’s energetic, forward-thinking identity.

3. Key Challenges:

• Multiple Verticals
  
  Three distinct service types each require their own presentation and management workflows.
• No E-commerce Flow
  
  Cars aren’t sold directly online—listings must drive requests and follow-up.
• Admin Flexibility
  
  Off-the-shelf CMSes couldn’t provide the granular controls (category management, toggles) APACS needed.
• Performance & Responsiveness
  
  High-resolution project images and dynamic listings demanded optimized loading on all devices.

4. Our Solution:

4.1 Information Architecture:

• Hero Banner
  
  Full-width tagline “Empower Your Business, Renovate Your Space, Drive Your Future” atop a bright-yellow gradient overlay..
• Service Sections
  
  
  • Business Portfolio: Card grid with project thumbnails and “Learn More” links.
  • Renovation Services: Before/after slider galleries and quote request form.
  • Car Dealership: First-hand inventory listing; second-hand & recon inquiry forms.
• Enquiry Forms
  
  Contextual forms embedded in each section, driving leads into Supabase.
• Footer
  
  Quick links, contact info, and social icons.

4.2 Visual & UX:

• Light Minimalist Theme
  
  Crisp white backgrounds with charcoal text, punctuated by bright-yellow buttons and hover states.
• Responsive Grid & Listings
  
  Flexbox and CSS Grid for seamless adaptation—three-column layout on desktop collapsing to single column on mobile.
• Interactive Elements
  
  Subtle hover animations on cards, inline form validation, and smooth scroll-to-section links.

4.3 Admin Dashboard & User Features:

• Custom Admin Console
  
  
  • Business Portfolio Management: Add/edit projects with title, description, images, and publish toggle.
  • Renovation Services Management: Upload before/after photos, assign service categories, and enable/disable offerings.
  • Car Dealership Management:
    • First-Hand Cars: Add/edit projects with title, description, images, and publish toggle.
    • Second-Hand & Recon Cars: View incoming requests, update availability, and respond directly from the dashboard..
• Role-Based Access
  
  Secure login for admins with granular permissions per vertical.

4.4 Technical Stack:

• Frontend
  
  Vite.js + Next.js (React) for fast builds & server-side rendering
• Backend & Auth
  
  Supabase for database, authentication, and real-time data
• Hosting & CDN
  
  Vercel for global edge deployment
• Styling & Utilities
  
  Tailwind CSS, PostCSS, and Headless UI for consistent component styling
• Forms & Analytics
  
  Supabase-triggered emails and Google Analytics integration

5. Results & Impact:

• 60% Increase in form submissions within two months
• Admin Efficiency—manage new entries in under 5 minutes
• 40% Faster page loads via image optimization
• 75% Lift in time-on-page for service details

6. Next Steps:

• CRM Integration: Sync enquiry data with a CRM for automated follow-up sequences.
• Client Portal: Build a secure customer login area to track request statuses.
• Multilingual Support: Add Malay and English toggles to broaden regional reach.