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.
