Can Kiliclioglu Portfolio

Razer Home Page
UI Redesign

Razer is a global gaming and esports brand known for high-performance hardware, software, and services. Its products like laptops, mice, and keyboards are recognized for sleek designs, customizable RGB lighting, and gamer-focused features.

Try Prototype

View Figma File

View Figma File

Try Prototype

Razer Home Page
UI Redesign

The Goal

Give Razer’s homepage a fresh, user-friendly touch by keeping what works, tidying up the layout, and making it easier and more enjoyable to explore.

Current Page

The Challenge

Modernize the homepage while staying true to Razer’s bold, high-energy brand identity, ensuring that performance-driven gamers still feel at home.

The Redesign

The Result

The redesigned homepage presents a more organized and readable user experience, effectively improving upon the current website's layout and visual hierarchy.

Redesign

Current Page

Good Layout & Structure

The redesign uses a consistent card-based layout, making each product section more organized and easier to scan.

Inconsistency

The current site feels crowded in places, while the redesign uses more spacing and alignment for a balanced look.

Good Layout & Structure

The redesign uses a consistent card-based layout, making each product section more organized and easier to scan.

Inconsistency

The current site feels crowded in places, while the redesign uses more spacing and alignment for a balanced look.

Improved Spacing & Balance

The redesign gives each section room to breathe, creating a cleaner and more professional feel.

Hidden Actions

The current page’s tight spacing makes sections feel compressed and harder to read.

Improved Spacing & Balance

The redesign gives each section room to breathe, creating a cleaner and more professional feel.

Hidden Actions

The current page’s tight spacing makes sections feel compressed and harder to read.

Clear Call-to-Actions

Every product has a prominent “Learn More” and “Buy Now” button for easy navigation.

Crowded Design

Some call-to-action links on the current page blend into the background and are less noticeable.

Clear Call-to-Actions

Every product has a prominent “Learn More” and “Buy Now” button for easy navigation.

Crowded Design

Some call-to-action links on the current page blend into the background and are less noticeable.

Visible Promotions

Discounts and special offers are displayed directly below product images.

Overlooked Deals

Promotions are less visible and easy to miss on the current site.

Visible Promotions

Discounts and special offers are displayed directly below product images.

Overlooked Deals

Promotions are less visible and easy to miss on the current site.

Efficient Use of Space

Empty areas are filled with relevant content, offers, or features.

Wasted Space

Some sections on the current page feel underutilized.

Efficient Use of Space

Empty areas are filled with relevant content, offers, or features.

Wasted Space

Some sections on the current page feel underutilized.

More to Explore

See All Projects

More to Explore

See All Projects

Razer Home Page
UI Redesign