Business Website

DR Keyboard

My first mock business website: Enlightment for future projects


Starting ideas

I have imagined myself running a mechanical keyboard online shop like many people did thesedays, especially after the hobby has become more and more popular since the pandemic started. I have fallen for the hobby because of the ability to customize the typing experience, sound, feel and etc.. for your mechanical keyboard however you want. Therefore, I decided this topic.

Business Site

Home Page

The home page welcomes the user with a video of myself typing on my favourite mechanical keyboard and a grettings.
'Keebs' basically means mechanical keyboard lovers!!

Business SiteHome Page

Store Page

This is what the store page will look like. It lists out products not only mechenical keyboards, but also audio equipments, gaming accessories, etc.


Design ideas

I designed the website to be as simple and as easy as possible aesthetically.

Color choice of website

Color

: Black+

White

To achieve such effects, I chose black and white to be the main theme colors. It will also create a good contrast between font and the background.

Font choice of website

Font: IBM Plex Serif

Picking IBM Plex Serif to make my website have a professional look.


Contents ideas

I put in contents that are related to my products, making the website more interesting and fun to browse.

About me page

About Me page

I briefly introduced myself, my ego of openning this online business, and my contact information.


Blog page

Blog Page

Blogs are used to make announcements on the latest information on any relevant products.


Product Preorder Page

Product Pre-order Page

Product pre-order page makes the business more realistic.


Gallery of products

Gallery

Last but not least, there is a gallery page for showcasing the featured products!!


David Ruan's Portfolio

David (Junlong Ruan) Ruan's personal website including personal projects and works.

Contact Information

Phone: 647-838-5670
E-Mail: david.ruan.official@outlook.com