Beyond Hospitality asked me to reinvent their website, from its original design and update the structure utilizing HTML5 Responsive code. Tobias Mattstedt, Managing Director of Beyond Hospitality, had a specific vision that he wanted to see that would showcase the company’s portfolio of projects with sophistication and modern elegance just as the finished luxury resort properties themselves possess.
The original site was bloated with with JavaScript vulnerabilities, which can be blocked by default in today’s browsers for security issues, so it was replaced with responsive CSS code and where needed JavaScript for the transitioning images. Tobias leaned away from the proverbial hover-over-drop-down navigation menu and asked me to design and incorporate the various divisions of Beyond Hospitality using a specific color pallet with the Neutraface font. There are challenges with the Neutraface font because it’s not a web-safe font that browsers can handle, so images had to be created to circumvent that obstacle. In order to offset each link to make them appear randomly placed on a full screen computer monitor, they were designed in Adobe Illustrator as PNG transparent files and simply coded as background images in the div’s CSS with varying percentages of X & Y -/+ coordinates to create the random placement effect. To solve the responsive mobile device issue (aligning all of them for smaller smart-phone screens), separate commands were placed for the mobile CSS layout rule.
For the individual page headers, rather than simply designing these in Adobe Illustrator as click-able PNG image links, I choose to wrap each navigation division (implemented as text copy) with its own color attribute defined in the CSS, so that each one could then receive a header tag for search engine indexing. Additionally, a web-safe font similar to Neutraface was used.
As an independent restaurant operations consultant and digital media specialist, I’ve been involved on many projects with Beyond Hospitality. The tasks are always challenging, as they should be; creating unique hotel environments and true hospitality in the modern senses does not come easy, but collaborating with seasoned professionals provides awarding results.
Visit Beyond Hospitality