23/09/2011
Crockett & Jones – Website To-Do
Crockett & Jones
Newedge Media
Completed/Done/Finito!
Photo Content still to discuss
 Brussels – (Rue de Namur)
 Paris – (Bon Marche - Angelique is getting this done in September)
 Paris – (Boulevard Raspail - Angelique is getting this done in September)
 Paris – (Chauveau-Lagarde - Angelique is getting this done in September)
 Other Product
Translation Service – Livingword & WordSmiths (See email)
What Web Address do you want to buy?
Site Navigation
 Collections need to always link to the root, currently it doesn’t
 UK within uk/mens links to its own page with than just /uk
Homepage
 Remove page resizing; it doesn’t work on a small screen.
 Colour of the 1-5 number on the images needs to be BLACK with WHITE numbers
 Collections header button – link this to the country selection page (Same link as the Collections call to action
button)
 Collection drop down… should read:
o United Kingdom
o France
o United States of America (or USA if the previous doesn’t fit)
o Belgium
 About C&J drop down… Should read:
o Introduction
o Heritage
o Time Line
 Careers in footer.
 Obvious join line in leather background.
 Need PSD (Photoshop) Template from Newedge for editing of Home Page images
Collections – Country Selection
 Needs the same call to action buttons as the home page.
 Add small round flag icons into button for country selection.
 Need a general introduction to the country collection page.
 Images need to be smaller as we need a description to be at the top of this page.
 Images = 485px x 260px
Collections – Men’s / Ladies / Belts / Accessories
 Needs the same call to action buttons as the home page.
 Each country page with Men/Ladies etc. needs a general introduction to the choice of collection page.
 Craig to shoot images for Mens / Ladies / Belts / Accessories buttons (Fri 21st Sept). Done, Just need Images
 Images = 485px x 260px
 Images need to be smaller as we need a description to be at the top of this page.
1
23/09/2011
Crockett & Jones – Website To-Do
Collections – Filter Search
 Wording and order of appearance for all the filter options… See Filter Details (Page 4 of this document)
 Tool tips after (by collection part of filter)
 Need a general description to be added to all Mens/Ladies etc page
 This description needs editable CMS for hyperlinks to elsewhere within the website.
 Call to action buttons need to be the same size, design and location as the call to action buttons on the
homepage.
 The “Grey” that we’ve used on this page for the surround and under the filter options is a little bit blue, can
we try and make it a beige grey rather than a blue grey….
 Hover over the shoe and it turns a shade of pink, I think it would be better if we change this to a darker
shade of the grey it is as standard.
Collections – Detailed Page
 This page will need the layout tweaking as there is quite a lot of information that is missing or need
amending.
 Page title is currently the style name, it needs to be the style name as it is, as well as the colour of leather
and material which would look better in a smaller font, for example:
Merton Dark Brown Calf











Sectional Titled include:
o Description (not Item Description)
o Sole (including Picture) – Need Editing
o Add Collection type under sizing, including a tool tip with expanded information on Collection.
o Other colour options (not leather / colour options)
o Where to buy
o Last (where there is white space next to; Sole / other colour options)
o Fitting (where there is white space next to; Sole / other colour options)
o Size Range (where there is white space next to; Sole / other colour options)
360 Thumbnail looks perfect.
360 spins to fast though. Should be the same as the example I sent you.
360 controls are the wrong way round. If you grab the 360 and drag to the left, the image should rotate in a
clockwise direction. If you grab the 360 and drag to the right, the image should rotate in an anti-clockwise
direction.
Sole photos needed: Slipper – Travel Slipper – Driving Soles (Pedrosa)
Order of the product thumbnails under the main image should be:
o 360
o Image 1
o Image 2
o Image 3
o Image 4 (If there is one)
I noticed that there are currently no 4th images in the thumbnail section.
Need all product descriptions sending through.
Other colour options:
o Thumbnails for “Other colour options” should be image 1 of the shoe.
o Can we also have a colour description under each thumbnail so Black / Dark Brown. This needs the
spacing adjusted.
Change all where to buy photo’s for interior shop photos. Still Need Belgium / France…
All product detailed pages need Homepage CTA’s buttons.
Collection import
 Deleting all product and re-importing on final time
 Need to add import column of slug for URL.
2
23/09/2011
Crockett & Jones – Website To-Do
Collection - Filters (Ladies page need to differ slightly)
 Cordovan is not needed. (No Ladies Cordovan Shoes)
 Filter by Fitting can go completely. (Only one fitting for Ladies shoes)
 Double Leather Soles is not needed. (No Double Leather Soles in the Ladies collection)
 Monk & Gusset Shoes is not needed. (No Monk & Gusset Shoes in the Ladies collection)
Collection – Men’s Detailed Page (Fitting info displayed in the Men’s detailed pages)
 At current the detailed pages displaying either Narrow, Standard or Wide for the fitting details. These are
just the filter options I gave you to determine the fitting for the filter page. On the detailed page, the actual
fitting, which is under “FIT” on the main database needs to be shown. Just like the min and max size or the
colour does… This way if you view any product you will know the exact fitting that it is.
 For example:
Where to buy – Listed View
 Need space for a brief description under “Where to buy”
 US Hot Link should say “United States of American”
 Stockist Hot Link needs adding. Click at it will take you to Contact us page with Stockist pre-selected
 Each shop in the list needs a link to a detailed shop page “View more details”. Image will also click to more
details.
 The spacing need looking at on each shop in the list, the address is not placed correctly.
 Each listed shop need the following info on this “non-detailed list”
o Address
o Telephone Number
o Email Address
o Opening Hours, starting with Monday through to Sunday.
 Needs the call to action buttons on this page, same as home page.
 Small stockist description and link to contact us page which has stockist defaulted in the subcategory. “See
Paul Smith”
 Need to provide stockist wording for the bottom of this page.
 Need the Order that the shops appear from SM.
Where to buy – Detailed View
 (See http://www.paulsmith.co.uk/shop-locator/paul-smith,1277,SP.html )
 Basic layout the same as the Paul Smith, apart from the moving images, we don’t want this.
 Can we have the photo on the top left to be the interior shop with a map below it, but we would also like an
exterior shot on the bottom right, below the information.
 Need Managers Names
Retail Services
 Design needs doing.
 Need to send through an intro to overview of Retail Services
 Translucent white behind header of page not there in IE 8 or earlier.
 Only one page for Retail Services.
 Need Images for all Retail Service, maximum 2.
 Images for Repair will click to open 360. Try to load 360 images into software….50/50 - Before/After.
About C&J
 About C&J needs to link to the Introduction as well
 Time Line need looking at as design doesn’t work in IE 8 or earlier.
3


23/09/2011
Crockett & Jones – Website To-Do
Translucent white behind header of page not there in IE 8 or earlier.
Needs drop down menu
o Introduction
o Heritage
o Time Line – Still need to finish the dates and images to go with the remaining dates. Bear in mind
that we cannot have any duplicate date, but each date can have a fair amount of text…
In The Making
 Needs Designing
 Translucent white behind header of page not there in IE 8 or earlier.
 Slides 1 – 9. These have the ability to fade to image like the Homepage , can a number of image per fade.
Images need choosing.
 1 – 9 Thumbnails will select which slide you go to. Images need choosing. = 89px x 75px
 In the making video going in this section (Vimeo) = 504px x 282px
 In the Making Images = 504px x 282px
Shoe Care
 Needs Designing
 Translucent white behind header of page not there in IE 8 or earlier
 Shoe care video in this section (Vimeo) - 504px x 282px
News Listed
 Need first news articles text - 4 or 5 (New Store / New Website / New Styles / Magazine entry). – PLJ AND
JMJF
 Photos / Scans / Images to go with first news articles. – PLJ AND JMJF
 Translucent white behind header of page not there in IE 8 or earlier.
 All Thumbnails = 221px x 158px
Terms and Conditions
 JPMJ to contact solicitors
Copyright
 JPMJ to contact solicitors
Site Credits
 Newedge Media
 Craig Fraser
 Glyn Allen
 Paul Warpole
Contact Us
 Add French retail subject conversion in string resource? “France Retail”
 Padding
 Thank you message as a CMS page? Need to write one and send to LH.
 Tidy up form fields
4
23/09/2011
Crockett & Jones – Website To-Do
Careers
 Add background section
 Introduction full width
 Then 50% column with retail in one and factory in the other
Admin System
 Recommended Products…. Filter by SKU and Title, show Title instead of SKU.
Content managed pages – put validation in to not allow duplicates of URL key!! Everything on website dies if you do
this!!
Filter Details for Filter Product Page
1.



Collections
Hand Grade
Main Collection
Shell Cordovan
2.







Style
Loafers
Oxfords
Derby’s
Monk Straps & Gussets
Boots
Slippers
Driving Shoes
3.




Soles
Single Leather
Double Leather
Rubber
Driving Soles
4.





Material
Calf
Suede
Grain
Cordovan
Velvet
5.



Fitting
Narrow
Standard
Wide
5