Assignment

Make a responsive travel widget showing at least two options (photo, name of the hotel, location, description, call to action button and rating) with a filter.

Create

Layout and interface, and moreover, navigation, HTML and CSS.

Usage

To be put on a publisher’s page and will be shown to someone who is searching information about trips in Australia.

Approach

- First I put the ideas on paper by making sketches;
- I used Photoshop to give shape to those ideas and to make it responsive;
- I used grids with columns based on percentages to apply the code on the final stage;
- After some colour and usability research, the final layout was made.
- HTML/CSS using Bootstrap.

Conversion optimization

- Pictures attract attention;
- Yellow has been used for the button ‘Book now’ to be outstanding.