GTT Consulting
DESCRIPTION
Visa Consulting — Corporate Website
DURATION
Dec 2025 - Jan 2026
MY ROLE
- UX/UI design in a clean tone that carries the weight and trust visa services require.
- Next.js client development and Supabase backend architecture.
- Admin dashboard build including analytics and content CRUD.
- Cloudflare integration, RLS policy design and MFA implementation.
- Technical SEO and image/code optimisation.
TECH
Next.js · TypeScript · Tailwind CSS
Framer Motion · GSAP
Supabase (Auth · DB · RLS)
Cloudflare (DNS & Security) · Vercel
Project Purpose
"Transparency in visa services." GTT Consulting is the specialist visa brand of K-Monster, operating in a market where opacity is the norm and therefore the thing worth designing against. The work was to visualise credibility: make the visa-type information a visitor actually searches for immediately legible, and break a complicated application process into a logical UI that lowers the psychological barrier to starting one.
Scope
- · Brand Identity Establishment
- · Full-Stack Web Development (Next.js · Supabase)
- · Admin Dashboard with Traffic Analytics
- · Security & Infrastructure — RLS, MFA, Cloudflare
Key Technical Features
Advanced Admin & CMS
- · Real-time visitor counts, referral sources and page views are charted so the business runs on data rather than impressions.
- · Service copy, imagery and visa information are fully editable by staff without a developer.
Performance & SEO
- · Next.js SSR/ISR maximises initial load speed and lifts SEO scores substantially.
- · Dynamic sitemap and robots.txt generation, plus OG meta prepared for multilingual expansion.
Enterprise Security
- · Supabase Row Level Security blocks abnormal data access at the database layer rather than trusting the client.
- · OTP-based MFA on admin login — this is a business holding customer immigration documents.
Infrastructure
- · Cloudflare handles DNS, DDoS defence and edge delivery.
- · SSL and WAF configuration close out the exposed surface.
Design Points
Immersive Visual Interaction
GSAP and Framer Motion combine so text and visual elements move organically with scroll, letting a visitor read the brand's value downward rather than being told it once at the top.
Strategic Service Gallery
Visa categories sit on a card grid where hover modulates information density — the full picture is available without any single screen being crowded.
Trust-Driven Timeline
Company history and strengths are expressed as an interactive timeline, converting an abstract claim of consulting competence into data and diagram.
Streamlined Contact Interface
The inquiry form is systematised and submits over AJAX without a page refresh, with admin alerts wired so a response can actually be fast.