Razer Blade 15

Website

A responsive web page for Razer Blade 15 laptop. Simplicity design laying out main features and tech specs.

HTML5 CSS Responsive Sketch

Project Date

2019-09-01 13:17:44

Project Type

Personal

This site is a redesign project for Razer’s Blade 15 Gaming Laptop, which is my favorite PC laptop to date. I started with reorganizing the text information provided by Razer, and rewrite CSS to play with typography driven trends and cards layout.

Responsive Design

This site is designed for different size screens, and its layout is fine-tuned for mobile, tablet, and computer users. For example, in the mobile version, the “Buy Now” button becomes larger and higher in visual hierarchy, and the fixed header becomes scrollable as it took too much screen real estate for mobile devices.

Razer Blade 15
Razer Blade 15

From Prototype to Html/CSS

During my web building process, I always start with a prototype before moving to the text editor. In this project, I created a high-fidelity prototype (as shown on the right) and then moved on to coding Html/CSS, eventually build an exact looking website as my prototype.

Razer Blade 15

Razer Blade 15

Razer Blade 15
Linkedin Github