Competitive Set
https://www.navan.com/
https://www.hotelengine.com/
https://www.clclodging.com/
https://travelbank.com/
https://www.travelperk.com/
https://www.wetravel.com/
SaaS Web Trends
All black is a poor experience if there is a lot of copy.
www.recurly.com is an example of balance.
Movement
Movement should be strategic and add value to the info.
Data proves that motion does help with engagement.
Best in class examples of motion:
Custom Illustration
Custom illustrations are fun but can be time consuming, expensive and have a short shelf life if based on trends. Illustrations can be a great way to communicate data and reinforce the brand DNA.
Other Consideration
Mobile first
Minimalistic / Clutter free
Clear CTAs
No carousels. Not effective.
Assets need to be easily editable/cost time effective
One Wall
Observations
Strong brand mark - unique in this space
On occasion HE branding is skewed
Blues are inconsistent across collateral
Gradient overlay can make things muddy
Angled stripes conflict with the 3 bars of the brand
Lifestyle is very generic stock
Creative Direction
Leverage Hotel Engines distinct brand elements as a design system, connecting the message, the humanity, and our products in a unique way. This offers a more dynamic palette for creative execution for digital and beyond.
The Work
Current Landing Page
Problems to solve:
Mobile first
Extreme clarity of benefits with well balanced CTA's
Extreme clarity of benefits with well balanced CTA's
Stronger above the fold experience
Elevate the energy - Make it more engaging & human
Increase the production value of the graphics
Use color to reinforce hierarchy and value props
Touches of movement to increase engagement
Simplify the lead gen form
Elevate the energy - Make it more engaging & human
Increase the production value of the graphics
Use color to reinforce hierarchy and value props
Touches of movement to increase engagement
Simplify the lead gen form
Redesign Concept
Above the fold
Full Design
A few notes:
• All lifestyle images have a touch of the brands blue in the imagery.
• Graphics, specifically infographics. can be animated to add interest. Ex 1 Ex 2
• Example of a quality testimonial interview https://youtu.be/iJ05eD9gQnE
• The testimonial cards could have roll over motion like: goldcast.io
• The circle graphic on the form would animate, as seen on sellx.com
• Best practices recommends forms be held of 5 elements or less
• All lifestyle images have a touch of the brands blue in the imagery.
• Graphics, specifically infographics. can be animated to add interest. Ex 1 Ex 2
• Example of a quality testimonial interview https://youtu.be/iJ05eD9gQnE
• The testimonial cards could have roll over motion like: goldcast.io
• The circle graphic on the form would animate, as seen on sellx.com
• Best practices recommends forms be held of 5 elements or less
Mobile
New and Current
Mobile
First and second screen
Alternative Headlines
Extra
Very quick test of the "window" construct on social media
+
+
A few ideas for Engine/3 Bars
Do suitcases still have locks?
Do suitcases still have locks?
+
A few quick test animation with the 3 bars
Adidas owns 3 stripes, do we own three bars?
The energy of this animation could be leveraged in our own motion footprint with 3 bars (vs stripes)
High energy, dynamic, active, clever.
The energy of this animation could be leveraged in our own motion footprint with 3 bars (vs stripes)
High energy, dynamic, active, clever.
