Back to Projects
E-Commerce
Retter
Visit Website

Gratis Corporate Website

Frontend Developer

The Challenge

The previous Gratis website had multiple usability and performance issues, especially during high-traffic campaign periods. Customers frequently struggled to complete their purchases smoothly, and the overall experience led to drop-offs at key steps of the journey.

The Solution

The entire corporate website was rebuilt from scratch using Next.js with server-side rendering (SSR), translating Figma designs into pixel-perfect, responsive pages. The new architecture is component-based, accessibility (ARIA) compliant, and optimized for maintainability.

Key Results

Improved SEO rankings through SSR implementation

Achieved full WCAG accessibility compliance

Reduced initial page load time significantly

Mobile-first responsive design across all devices

All required Google Tag Manager (GTM) e-commerce events were implemented, including product views, add-to-cart actions, checkout steps, and purchase events, enabling accurate analytics and conversion tracking

Mastercard and Iyzico payment gateways were integrated into the checkout flow with PCI-compliant, seamless user experience across web and mobile

Technology Stack

Next.js
React
TypeScript
Tailwind CSS
Zustand
React Query
React Hook Form
Zod