Website instruction document Website main navigation

Website instruction document
Website main navigation:
1)HOME
2)SHOWROOM
3)PROMOTIONS
4)FINANCE CENTRE
5)PARTS AND SERVICE
6) DEALERSHIP
Website map
1)HOME
2)SHOWROOM
a. NEW MODEL SHOWROOM
b. NEW INVENTORY
c. PREOWNED
d. SHOPPING GUIDE
e. VALUE YOUR TRADE
f. GET A QUOTE
3)PROMOTIONS
4)FINANCE CENTRE
a. FINANCE APPLICATION
b. VALUE YOUR TRADE
c. PAYMENT ESTIMATOR
5)PARTS AND SERVICE
a. Parts Centre
b. Service Centre
6) DEALERSHIP
a. About Us
b. Directions
c. Contact Us
There is a Style guide to go with this document. Items that relate to the style guide will be
marked with “*See Style Guide”.
1) HOME PAGE
Heading: Contains Logo (Please make clickable and link to homepage), Silvester RV (Text), Contact
information with emphasis on phone number (Please make the phone number clickable).
Navigation: Red with slight gradient and white text. *See Style Guide
Rotating banner: The design of the banner is based on the existing silvester RV website homepage
banner. The size of the banner has now changed as the main banner size is 940x450 pixels. There
will be two arrows that allow users to scroll through the banner. www.silvesterrv.com/index.htm
6 main items featured:
Image cut outs, 2 ROWS -Left to right, top to bottom. similar to www.rallymotorsports.ca However,
there will be a rollover feature on each item. *Roll over feature shown below.
Image and order:
1.Arctic Cat OFFROAD Image: XR
2. POLARIS OFFROAD Image: Ranger
3.RVSImage: Canyon Trail Travel Trailer- 2015 Canyon Trail 301
4.Arctic Cat SLEDS
Image: Crossover XF 8000 High Country
5.POLARIS SLEDS
Image: 800 Switchback Pro S
6.BOATS
Image: Princecraft Sportfisher 23-2S
Below is the example from the home page. The 6 different images listed above will appear where the 6
snowmobiles are displayed. An example of the active roll over can be found at www.autoclearing.com
Screen shots provided for explanation:
Static
Active - This is the roll over when the mouse
hovers over the vehicle. The user can choose
from the new list that has appeared.
Please Note: We would like the look of the active rollover to be the same as Auto Clearing. We would
like the Silvester Red and Typefaces to be used in place of Auto Clearing’s.
Similar to the Auto Clearing Example, on the active rollover we would like the item and brand listed,
but would like 3 drop down menu options.
AC OFFROAD, POLARIS OFFROAD, AC SLEDS, POLARIS SLEDS Menu:
NEW MODEL SHOWROOM - Links to the New Model show room page related to that brand/item.
NEW INVENROTY - Links to the New Inventory that is available for that brand/item.
PREOWNED - Links to the Used Inventory that is available for that brand/item.
RV, Boats Menu:
As there are too many brands of RVs and Boats to feature on the homepage their menus will be
slightly different.
NEW MODEL SHOWROOM - RV page and boat page will show all manufacturers. The look of these
pages will be the same as the general New Model Showroom page.
NEW INVENTORY - Links to the New Inventory that is available for the item. The user will have to
select the brand from the drop down if they choose to search for a particular brand.
PREOWNED - Links to the used inventory that is available for the item. The user will have to select
the brand from the drop down if they choose to search for a particular brand.
RV Brands Page (Page that RV Image on Homepage links to).
4 IMAGES LEFT TO RIGHT, TOP TO BOTTOM
1.Canyon Trail RVs
2.Innsbruck RVs 3.Livin Lite RVs
4.Gulf Breeze RVs Image: Canyon Trail 301 TBS or similar
Image: Innsbruck Serenity 408 TBS
Image: LIVIN LITE Polaris 2530
Image: Gulf Breeze Sport
Boat Brands Page (Page that Boat Image on Homepage links to).
4 IMAGES LEFT TO RIGHT, TOP TO BOTTOM
1Princecraft Boats 2.Kingfisher Boats 3.Reinell Boats
4.Campions Boats Image: Prince Craft Sportsfisher 23-2S
Image: Kingfisher 1875 Falcon XL
Image: REINELL197 BR
Image: Campion Alllante 545 BR SE
When the user clicks on the brand it then takes the user to the a page that lists all the Boat/RV types
available.
Featured inventory will highlight inventory that Silvester currently has in stock. The inventory will
rotate through similar to this example: www.martinmotorsports-ps.ca/
An addition to this feature will be arrows and a play/pause button which will be below the Featured
Inventory.
There will be four image blocks linking to sections of the site next. Images will be provided for these
blocks. Please see www.autoclearing.com/index.htm for an example. We would like the active roll
over to be the same as on the Auto Clearing website.
Links:
Showroom:2)a. NEW MODEL SHOWROOM
Finance:4) a. FINANCE APPLICATION
Service: 5) b. SERVICE CENTRE
Directions: 6) b. DIRECTIONS
About Silvester RV Centre contains similar text to the About Us Page.
In the Footer please include the same information as the current site. www.silvesterrv.com
In addition please add links to social media channels. Also please remove the contact form from the
current website. An example of how the footer should look is on the Homepage mockup. *See Style
Guide.
We would also like a “scrolling footer” that appears on every page. Example:
www.martinmotorsports-ps.ca/
We are open to changes from the version on the example. Please advise any suggestions/changes
to this bar.
2)SHOWROOM
2)a. NEW MODEL SHOWROOM
Please display all brands and all categories. Please list in this order:
Arctic Cat ATV, Arctic Cat SxS, Arctic Cat Sled
Polaris ATV, Polaris SxS, Polaris Sled
Princecraft Boats
Kingfisher Boats
Reinell Boats
Campions Boats
Canyon Trail RVs
Innsbruck RVs
Livin Lite RVs
Gulf Breeze RVs
Karavan Utility Light Duty ATV Trailers
Karavan Utility Light Duty Boat Trailers
Karavan Flat Box Trailers
Marlon Utility Light Duty ATVs Trailers
Shorelandr Utility Light Duty ATVs Trailers
Do not transfer Prairie Schooner RVs & Tango RVs from existing inventory.
A DS example of this page:
www.martinmotorsports-ps.ca/we-have-can-am-spyder-seadoo-skidoo-triton-in-our--Inventory
The example on the left is the layout
we would like, which is the same as
Martin. Instead of using images we
would like to use custom vectors to
represent the item and the brand’s
logo to represent the brand.
The Custom vector above is an example. We will be providing all vectors for DS to use on this page.
Please provide timeline for when vectors are needed.
Following the Martin Motor sports example: If Can-Am ATVS is selected it takes the user to a page
with all Can-Am ATVS. The Silvester page will do the same. If the user clicked on Arctic Cat ATVs it
would link to a similar page which lists all 2015 - 2016 New/Current Arctic Cat ATVs.
http://www.martinmotorsports-ps.ca/inventory/v1/current/Can-Am/atv/
This page is the New Inventory Showroom. We would like a search bar along the left hand side so
the user can sort through all the options right away if they are looking for a specific model.
www.polaris.com/en-us/atv-ranger-rzr/choose-model
This is also how we would like the page to look. As it will be on white, we would like the images to
have no background or a white background to blend in with the background of the website.
Once the user has selected which ATV they would like it will bring them to The Detailed Inventory
Listing Page.
DS Example: www.martinmotorsports-ps.ca/inventory/v1/Current/Can-Am/ATV/Sport-2x4/DS-450-Xmx/Base--Edmonton-Alberta---1864661
Items to stay the same:
The share/social media options on the top right hand corner
The lead generator underneath
The view other models selection tool
The other images scroll option and colour selection
Changes:
We would like there to be a hover roll over on the large image that says “Click to enlarge” when a
mouse hovers over the image. We would also like the arrows scrolling through the images to be
above and below the side images instead of beside it. We would also like to change the function of
these arrows. Instead of the arrows just scrolling through the list of images they should highlight the
active (centre) image in the left had large image space.
In addition on the bottom we would like to add more tabs after info.
We would like to add a Videos tab after photos.
Please embed manufacturer video(s) that relate to the model being shown in the videos section.
We would also like to add a Current Inventory tab after the Specifications tab. Please place the
listings of all current inventory of the model in this tab.
The new tab order will be:
INFO | PHOTOS | VIDEOS | SPECIFICATIONS | CURRENT INVENTORY
2) b. NEW INVENTORY
This page will allow user to search our New Inventory. At the top of the page will be a banner spot
for deals relating to New Inventory. The banner size will be 728x90px. Then there will be a search
option and then the list of inventory. An example of this page is:
www.martinmotorsports-ps.ca/default.asp?page=xNewInventory&vc=snowmobile|sport|side%20
by%20side|sport%20touring|touring%20scooter|utility|trike|mountain|3-passenger|cruiser|2-passenger
Non-Current New Inventory
When you click “View Details” it will take you to a page laid out like this:
www.martinmotorsports-ps.ca/default.
asp?page=xPreOwnedInventoryDetail&id=1123364&p=1&s=Year&d=D&t=preowned&fr=x
PreOwnedInventory
*Please note that even though this is a Used Vehicle Detailed Inventory page on the Martin
website we would like the Detailed New Inventory to be laid out the same as this.
2)c. PREOWNED
We would like the page set up the same as this one:
www.martinmotorsports-ps.ca/default.asp?page=xPreOwnedInventory
At the top of the page will be a banner spot for deals relating to used inventory. The banner size will
be 728x90px. Please include: stock, colour, condition and kms in each result but do not include a
spot for location.
When you click “View Details” on an option it will take you to a page laid out like this:
www.martinmotorsports-ps.ca/default.
asp?page=xPreOwnedInventoryDetail&id=1123364&p=1&s=Year&d=D&t=preowned&fr=x
PreOwnedInventory
2)d. Shopping Guide
This page will link to custom pages we have built and would like to build more of in the future. Please
set up the shopping guide the same as this page:
www.martinmotorsports-ps.ca/inventory/v1/current/Can-Am/atv/
An example of the layout:
The image above was what the
shopping guide page was based
off. Example on the right.
We will need to be able to add more guides into this page as they are completed.
Please transfer over these pages from the existing Silvester site and link them to the Shopping Guide
Page:
www.silvesterrv.com/princecraft-pontoon-boats.htm
www.silvesterrv.com/princecraft-fishing-boats.htm
2)e. VALUE YOUR TRADE
Based on this page:
www.rallymotorsports.ca/we-accept-your-atv-utv-snowmobile-boat--xtrade_value
2)f. GET A QUOTE
Based on: www.rallymotorsports.ca/get-an-estimate--xget_quote
3) PROMOTIONS
Set up the same as Rally with logo for each manufacture linking to another page:
www.rallymotorsports.ca/check-out-the-manufacturer--promos
Manufactures to include: Polaris, Arctic Cat, Princecraft, Reinell,Campion, Canyon Trail, Gulf Breeze,
Innsbruck
Once you select a manufacture it takes you to a page for the specific manufacture. For example:
www.rallymotorsports.ca/check-our-promotions--x4promoarcticcat-CA
On these pages please include full width banners with text underneath that contains promotion
details and conditions. We would also like video for each product category by Manufacture added.
4)FINANCE CENTRE
4)a. FINANCE APPLICATION
Please put together Generic text followed by Application Form directly on page - No click to get form
button.
Please use this form:
secure.dealerspikestore.com/financeapp/finance_app.php?dealership=rallymotorsports&locale=enca
4)b. VALUE YOUR TRADE
Based on this page:
www.rallymotorsports.ca/we-accept-your-atv-utv-snowmobile-boat--xtrade_value
4)c. PAYMENT ESTIMATOR
DS PLS PROVIDE SUGGESTED FORMS
5) PARTS AND SERVICE
5)a. Parts Centre
-DS PLS PROVIDE SUGGESTED FORMS
5)b. Service Centre
-DS PLS PROVIDE SUGGESTED FORMS
6) DEALERSHIP
Content for About Us, Directions, Contact Us can be found on Silvester’s Existing Site:
www.silvesterrv.com/dealership/about.htm
6) a. About Us
Please Base Look/Layout on this page:
www.canadawestrvandtruck.com/dealership/about.htm
s
Please include Banner image and written Content from existing site in main content area:
www.silvesterrv.com/dealership/about.htm
Please replace dashed lines with solid lines 2px wide with medium or light grey *See Style Guide.
Keep sidebar the same as example except:
Small Get directions image replaced with small map with Silvester location showing.
6) b. Directions
Please Base Look/Layout on this page:
www.canadawestrvandtruck.com/dealership/about.htm
Replace directions/ all content with Silvester info.
Please replace dashed lines with solid lines 2px wide with medium or light grey *See Style Guide.
Keep sidebar the same as example.
www.canadawestrvandtruck.com/dealership/directions.htm
6) c. Contact Us
Please Base Look/Layout on this page:
www.canadawestrvandtruck.com/contact-form.htm
Do no include a picture before the text and form in main content area.
Please replace dashed lines with solid lines 2px wide with medium or light grey *See Style Guide.
Keep sidebar the same as example except:
Remove “Related Links” from sidebar.