wmcadigital/wmn-design-system

Add the Plan your journey pattern which is used on the new homepage

Closed this issue · 1 comments

What

Add the buy a ticket widget which is used on the new homepage.
Add this to the existing page 'Journey planner widget' but rename the page to 'Journey planner'. The content on this page will need to be split into two. The original journey planner widget is to be renamed 'Widget'

The below will need its own section on this page called 'Homepage'.

Documentation

Journey planner

Homepage

What does it do?

  • Helps users to plan a journey straight from the homepage and directs users to the full journey planner service

When to use it?

  • On the homepage

How it works?

  • The widget is collapsed by default. The widget expands to show the full journey information when the user selects the 'Add details' button. The additional travel details can be hidden when a user clicks on the 'Hide details' button
  • The 'From' and 'To' fields use the autocomplete feature for train stations and postcodes. Users can also use their current location to automatically choose their departure or arrival location
  • The ‘From’ and ’To’ fields can be switched at any time through the Switch link button
  • Users can choose a specific transport mode as well as change their departure or arrival time
  • The ‘Plan my journey’ Call to action button will send users to the full journey planner service with information on their selected journey

Default

Show default design here

Expanded

When a user selects the ‘Add details' button, the full journey details are shown

Show expanded design here

Widget

Add existing Journey planner widget documentation here

Anything else

Zeplin link: https://zpl.io/br3wXp1

🎉 This issue has been resolved in version 1.7.0 🎉

The release is available on:

Your semantic-release bot 📦🚀