Redesign Concept for SEO pages
SEO pages address different user queries related to travel. The content is tailored to each specific query and helps drive more users into the main product's search flow.
Timeline
August 2024
August 2024
My role
UX/UI
UX/UI
What was the problem
The appearance of all SEO pages was very outdated and hardly associated with the product.
Hypothesis
Interacting with aesthetically pleasing visuals is much more enjoyable.
Direct associations with the product build greater trust and give a sense of relevance to the pages.
What is done
Several conceptual pages were created to demonstrate the direction the SEO product should evolve in.
Using the updated product design system, new components were developed. The SEO pages have their own design system, which has been refreshed and expanded.
Using the updated product design system, new components were developed. The SEO pages have their own design system, which has been refreshed and expanded.
Restrictions
SEO pages come with certain limitations — there’s a large amount of dynamic content. The amount and type of information displayed on the screen can vary depending on the travel direction, availability of tickets, places, flights, images, and more. Most of the content is received from the backend.
It’s crucial to account for various corner cases in the design.
It’s crucial to account for various corner cases in the design.
New functional blocks (+components)
New informational blocks (+components)
Grouped certain blocks to visually organize the pages and make them shorter
Improved component functionality
Updated illustrations
Results
Updated components
This block has several states. This is the ideal scenario, where a full flight schedule and available planes have been received from the backend.
If there are no planes available, the schedule stretches across the full width of the screen. If there is no information at all, the block will not appear on the page.
If there is no schedule information available, only the block with the airplane boards remains.
Not all blocks are suitable to be stretched across the full screen. According to the design system, we agreed that such blocks will occupy only a specific portion of the grid rather than the entire screen.
The block’s basic state looks like this: information about a specific flight and frequently asked questions related to it.
The conception is a great start to give fresh breath to SEO pages. It will give consistency to the product and feeling of trust to the services.
From idea to production, with love
xoxo
xoxo
