The travel tools page quickly connects users to the most popular resources and help for an emergency situation. From there, we introduce the stages of planning travel with entry points into the specific audience pages at those stages.
Emergencies abroad box and top resources
Using a 50/50 Column block, these two sections are placed side by side.
In the left column, the emergencies abroad box is a Callout block with the yellow background color selected. A Heading block, Paragraph block, and a Button block then make up the content.
In the right column, the Icon List block features the top travel tools users might be looking for.
Intro copy
A Paragraph block using the Lead style welcomes users to the page.
Resources by stage of travel
The following section breaks down travel into three stages: Thinking about travel, Planning travel, and Help while abroad.
These three stages are made with the 50/50 Column block.
In one column, there is a H6 Heading block to denote the stage number, a H3 heading block for the title of the stage, a Paragraph block to give further context, and then three paragraph blocks that are hyperlinked to lead to the three audience pages where specific information can be found.
In the other column, there is an Animation block.
Since there are three stages, the content in the left column and right column rotate with each repetition, so that in the first instance, the text is in the left column and the animation is in the right. But for the next stage, the animation is in the left column, and the text is in the right. This keeps the page design interesting.
Travel contacts
This content uses headings, paragraphs, buttons, and list blocks to display important travel contact information. This is useful in case users get to the end of the page, don’t see the information they need, and want to contact someone.
These block are then grouped in a Group block and a gray background is applied to group all of the blocks.