Sandra Keus
Strategic Squarespace websites
New to Contra
Sandra is building their profile!
This is my entry for the Contra x Squarespace Make It Real challenge.
Link to the website:
https://roomsrevolt.com
Brief project description:
After building websites for several boutique hotels over the last few years, it was time for one central hub. A single place for the six boutique hotels in The Hague (Netherlands) that Concierge Company manages.
Gijs Hoff came to me with a concept, illustrated through a couple of example websites, and the trust to bring my own creativity and expertise to it.
For me, it was important that the site felt calm, clear, and stylish, since the focus is on one thing: booking a hotel room that suits the website visitor best. And just as important: the client needs to be able to easily manage the site themselves. That's why I try to keep custom code to a minimum wherever I can.
The first version of the website went live at the end of January this year. More pages were added along the way, and the site has kept evolving since.
The website was built in Squarespace, with a connection to the Mews booking system so website visitors can book their favorite boutique hotel directly.
Explanation of how Finish Layer tools were used:
Block Animations & Transforms
I added hover animations to several buttons, where they scale up slightly on hover. I also applied animations to a number of text blocks: the heading text slowly moves from left to right, while the body text underneath moves from right to left, creating a subtle sense of depth and movement without distracting from the content.
Font Uploads
I chose not to upload a custom font for this project. Instead, I used Helvetica Neue, which is built into Squarespace. Since this is a collective website bringing together hotels that each already have their own distinct branding and fonts, I wanted the overarching site to feel timeless and neutral rather than compete with any individual hotel's identity.
Stacks
I used Stacks throughout the website, for example in the footer, to create fixed spacing between elements like the logo, tagline, and button. This holds up well across different browser and screen sizes, keeping the layout consistent.
Other tools/software used:
- the Universal Filter & Advanced Map Block plugins by Squarewebsites
- the Google Reviews widget by Elfsight
- CSS support from Robo-Will (Will Myers)
Social media post (LinkedIn):
https://bit.ly/roomsrevolt
Squarespace Circle:
Circle Member since 2017
2
104
Squarespace website for Hotel Zest in The Hague, Netherlands
0
17