Project FlyShades: WordPress CMS Installed on Main Site

At last, FlyShades subscribed to a web host for one year with a registered domain name flyshades.net. Upon receiving the cPanel specs, I immediately installed WordPress so I can begin setting up its website.

The multi-site eCommerce is organised as follows.

The root directory houses the main site. This serves as the gateway to the main online store and its all branches. This also serves as the source of the domain’s principal landing page.

The landing page features its newest product with a SHOP call-to-action (CTA) button to direct the user to the main store. A user’s option is to direct the users to the list of branches if they want to pick up the ordered item at a branch nearest.

A visual page builder called Elementor was installed to design the landing page.

You can view the FlyShades main home page at flyshades.net.

Project FlyShades – A Multi-Branch eCommerce Website

Arcel Residences Official Website

Screenshot of Arcel Residences website

Arcel Residences’s website allows you to book their rooms online for night stays to short-term leases.

Colour Scheme

The site’s colours are primarily red and blue, which are based on its logo. A 3rd colour is aqua.

Color Name Hex RGB    
Primary Scarlet #E93001 rgb(235,49,1) hsl(12,99%,46%) cmyk(0%,79%,100%,8%)
Secondary Navy blue #010075 rgb(1,10,117) hsl(241,100%,46%) cmyk(100%,91%,6%,54%)
Accent Aqua island #9CDDD0 rgb(156,221,208) hsl(168,49%,74%) cmyk(29%,0%,6%,13%)
           

WordPress Template

The design of the site was built from HotelOne template — a simple and elegant design. I like its animated effect on its front page because it catches attention. This was made possible by integrating it with Elementor plugin, a WordPress wyswyg page builder.

To achieve elegance, you have to choose the right colour. For the reason that I had to base the site’s colour scheme from Arcel’s logo, I had to sacrifice that elegant feel.

One of the changes I did, aside from its original colour, was the button, which I changed from rectangular to oblong. Equipped with Elementor, I designed the other pages on my own.

Plugins

Aside from the Elementor plugin, which already comes with Font Awesome and Google Fonts, an important plugin that I had to add was Advanced Booking Calendar. The free version of his plugin does not include booking discounts and payment gateway integration. Also, it is limited only to 15 rooms.