Re-imagining the travel guide

[vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image=”502″ background_image_as_pattern=”without_pattern” background_color=”#f7f7f7″ css=”.vc_custom_1523307255536{margin-top: -120px !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}”][vc_column][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner width=”1/4″][vc_empty_space height=”132px”][vc_column_text]

Re-imagining
the travel
guide.

[/vc_column_text][vc_empty_space height=”532px”][/vc_column_inner][vc_column_inner width=”3/4″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” css=”.vc_custom_1506195385175{background-color: #f1f1f1 !important;}”][vc_column][vc_empty_space height=”52px”][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner width=”3/4″][vc_column_text]

Planning for multiple devices.

[/vc_column_text][vc_column_text]

From our early conversations with the client, it was clear that maintaining an consistent and immersive experience for the viewer across all devices was important.

By considering multiple screen sizes, from the beginning, we were able to build a design that could adapt while maintaining a rich content experience. Throughout, the design has been kept clean and easy to navigate and gives users quick access to the latest content.

We spent the first few weeks researching existing blogs and travel websites to understand what already exists and how we could improve this user experience. Given the nature of the topic it was fairly obvious from the start that the website needed to utilise full screen and vibrant imagery. These images were carefully selected to work on mobile devices too. We didn’t want the reduced image size to lose its impact.

[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/4″ offset=”vc_hidden-xs”][vc_column_text]

WHAT WE DELIVERED
Logo design
User experience design
Interface design
Responsive design

Bespoke website
built using WordPress

DURATION
3 months

[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_empty_space height=”52px”][/vc_column][/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”grid” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column][vc_empty_space height=”52px”][vc_row_inner row_type=”row” type=”full_width” text_align=”left” css_animation=””][vc_column_inner width=”1/2″][vc_empty_space][vc_column_text]

“It was important to convey Voyagers Converse value and unique offering with a concise, bold and welcoming logo design.

 

Elements of speech and travel are clearly combined to indicate the collected knowledge, stories and conversations Voyages Converse share, curate and initiate.”

Chris Baker, Lead Designer[/vc_column_text][vc_empty_space][/vc_column_inner][vc_column_inner width=”1/2″][vc_single_image image=”197″ img_size=”full” alignment=”right” qode_css_animation=””][vc_empty_space][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” css=”.vc_custom_1506196623231{background-image: url(https://squibble.design/wp-content/uploads/2017/09/voyagers-background.png?id=201) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}”][vc_column offset=”vc_hidden-xs”][vc_empty_space height=”432px”][/vc_column][/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”grid” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” css=”.vc_custom_1506196520877{background-color: #000000 !important;}”][vc_column][vc_empty_space height=”52px”][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner width=”1/3″][vc_single_image image=”219″ img_size=”full” qode_css_animation=”” css=”.vc_custom_1508751202651{margin-top: -60px !important;}”][/vc_column_inner][vc_column_inner width=”2/3″][vc_column_text]

“I’ve loved working with the team at Squibble. They’ve been attentive through out and full of ideas to make the website as easy for me to use as possible. I’ve already had fantastic feedback from fellow travellers and I’m excited to watch the site transform as it is populated with amazing content.”

Lance Latchman, Voyagers Converse[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_empty_space height=”52px”][/vc_column][/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner width=”1/4″][/vc_column_inner][vc_column_inner width=”1/2″][vc_empty_space height=”25px”][vc_column_text]

Building a website which performs on low internet speeds.

The nature of Voyagers Converse content collection, through travelling to distant locations and speaking with travellers all over the world, meant that adding fresh content to the site needed to be straightforward and quick for someone on the go.

With this in mind, the backend has been designed so that when a new video or story needs to adding, all the client needs to do is fill in the relevant fields and click upload. There’s no coding knowledge or formatting required, so the client can get what they done with the minimum of effort.

[/vc_column_text][vc_empty_space height=”25px”][/vc_column_inner][vc_column_inner width=”1/4″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”grid” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern”][vc_column][vc_single_image image=”217″ img_size=”full” qode_css_animation=””][/vc_column][/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” background_color=”#ffffff”][vc_column][vc_empty_space height=”64px”][/vc_column][/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”grid” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” background_color=”#ffffff” el_id=”contact” css=”.vc_custom_1518093083382{padding-top: 32px !important;}”][vc_column width=”1/2″ el_class=”interested interested-heading” css=”.vc_custom_1518092875441{padding-right: 32px !important;}” offset=”vc_hidden-xs”][vc_column_text css=”.vc_custom_1521984340450{margin-bottom: 0px !important;}”]

Interested?

[/vc_column_text][vc_empty_space height=”16px”][vc_column_text el_class=”client-quote”]

We’d love to chat about how we can take your business to the next level. Please complete this form and we’ll be in touch to discuss your project. You can also call our office on 0121 448 4776.

[/vc_column_text][vc_empty_space height=”16px”][vc_single_image image=”787″ img_size=”medium” add_caption=”yes” qode_css_animation=”element_from_fade” transition_delay=”0.5″ qode_hover_animation=”zoom_in”][/vc_column][vc_column width=”1/2″ css=”.vc_custom_1518092883601{margin-top: 32px !important;border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;padding-top: 32px !important;padding-right: 32px !important;padding-bottom: 32px !important;padding-left: 32px !important;border-left-color: #e2e2e2 !important;border-left-style: solid !important;border-right-color: #e2e2e2 !important;border-right-style: solid !important;border-top-color: #e2e2e2 !important;border-top-style: solid !important;border-bottom-color: #e2e2e2 !important;border-bottom-style: solid !important;border-radius: 2px !important;}” offset=”vc_hidden-xs”][vc_column_text]Please select a valid form[/vc_column_text][/vc_column][/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” background_color=”#ffffff”][vc_column][vc_empty_space height=”64px”][/vc_column][/vc_row]