‘ Ride that’ Website

‘Ride’ that is a website helping people all over the world find easily and accurately a skate,surfing or climbing spot near them .

The user can either search direrctly through the website’s map to find the next ride spot or he can search with user-defined criteria for a more prescise selection.

Made with:Adobe Xd,Adobe Photoshop,Adobe Illustrator,Adobe Lightroom

Artboard 1 copy.png

Landing Page

The Landing page consists of three sections,each one of them designed to help the user find the ideal spot.,so it includes a map , designed to help the user easily navigate through local spots and select the ideal for him. The ‘Contact ‘ section offers the user the ability to stay in touch and get new updates.

 

The ‘Skate That ‘ section is the place to be for every skater who searches for a skate spot in his city! It includes a map specially tuned to search for skate spots in a specific area.The user types the name of the city and the map instantly finds every skate spot in that city.

There is also a more precise tool for that user who needs to find a spot.That tool is a selection form ,designed to help the user find the ideal spot based on 4 options:

  • Rating ,here the user can select from the spots that have the highest user rating

  • Distance ,where the user can search for the closest skate spot

  • Alphabetically , giving the user the option to select a spot by it’s first letter.

  • Area,helping the user find the next spot in a specific area of the city.

 
Web 1920 – 2.png
Web 1920 – 3.png

The ‘Contact ‘ section icludes a contact form whre the user can fill out information such as email,name and comments

 
Web 1920 – 5.png

‘Surf ‘ Section

 
Web 1920 – 4.png

‘Climb ‘ section

 
Web 1920 – 6.png

Low fidelity designs explaining the main functions

 
low fid_.png