Skip to Content


Gallery / Word Of Sport Bookshop« previous | next »

Word Of Sport Bookshop image

Word Of Sport Bookshop

Current rating: 5.4 (485 votes)

Votes are closed for All Stars entries

Review:

Word Of Sport

A bit of history, Word Of Sport(WOS) is not only an online store, but a ready-made community and publication produced and written by sports fans, for sports fans. It is an attempt to create a serious yet easy to use interface to help visitors find just the kind of niche books and specialist titles they would have found in the original shop. The former bookshop on Charing Cross Road in London called Sports Pages, was referred to by The Times, ESPN and Sports Illustrated as “the world’s coolest bookstore”.

Design concept

The design attempts to bridge the gap between the old and the new. While modern sports coverage is slick and glossy, with crisp graphics and sleek lines, the old bookshop held it's own with dusty grey shelves and volumes of sports topics. A mix of serif and sans-serif fonts, along with a color palette that is "partially muted but clean", and "gentle but clear contrasts" are all intended to make it easy for the user to sift through all of the sites browsable content and products.

Tech Specs

Javascript Functionality:

- Show/Hide sidebar toggle, works remarkably well in the design.

- Well thought out tabbed content areas to maximize browsing features and grid space.

- Expert search features also toggle, this enhancement credited to as part of the Web Accessibility Initiative.

It is unlikely WOS will knock any wind out of the sails of the behemoth Amazon, but if you are looking for sports books and other sport related products then WOS is the place. The WOS feature set and community offerings make it one of the best. If you are building your own store website and wondering what features to offer, make a study of WOS it has so much.

Reviewed by Tyler Gossman

More Eric Meyer on CSSMore Eric Meyer on CSS
Ready to commit to using more CSS on your sites? If you are a hands-on learner who has been toying with CSS and want to experiment with real-world projects that will enable you to see how CSS can help resolve design issues, this book is written just for you.
Buy at amazon for only $31.52

There are 6 guest comments so far.

commentat 14:05 on 06 December 2006, Steve Tucker wrote:

Whereas I was not initially 100% keen on visual aesthetics of this site's design it does successfully communication a rather substantial amount of information very well, is easy to use and to navigate.

The Javascript side-panel works particularly well, and I especially like how effectively it degrades when Javascript is not available. Clearly a lot of work has been put into the latter.

Other little details lead me to understand why this is truly a great SG gallery piece, such as the JS dropdown advanced search feature, and (structurally) the way this form, and others, are laid out with the correct syntax; fieldsets, labels, and legends which only display when CSS is inactive.

Really great example of a good, solid website :)

commentat 17:13 on 06 December 2006, Ty wrote:

I was just informed by Jon at gr0w, that the entire layout is fluid and resizes when the text resizes because he used EM's in the layout. How did I miss that!

This is the best example I've seen on that score. I'm sure there are others. Also his colleague Paul is responsible for the javascript functionality.

commentat 07:50 on 07 December 2006, Seth Aldridge wrote:

I would say that from just looking at the home page it is hard to identify what the primary use of this website is? The first thing my eye was drawn too was the big search box in the middle of the page. There is not one place within the first initial view of the website that speaks to what the website is other than tiny font under the logo that reads "The Sports Bookshop".

From an Accessibility standpoint the site is done pretty well. The scalability of the website is unique and I like how the website stays inline...for the most part.

I think it has some positive and negative points but overall it is well constructed and will benefit the customer, which is the most important part.

commentat 11:22 on 07 December 2006, Paul Whitrow wrote:

Thanks for the positive comments so far. This was definately a labour of love for us, and while there were some 'sticky' moments, overall it was an enjoyable experience.

To answer the above post, I really don't think that the site needs to say explicitly 'this is an online bookstore'. To be perfectly honset it should be very obvious to even the most casual visitor.

The search box is the most used part of the site (going by statistics). This was anticipated and so it was designed to be the most prominant and central function of the site from the get go. People generally just like to ask a question and get an answer, and that's what the search box represents.

Oh, and FYI Seth, your site menu and Work links don't work with Javascript disabled.

commentat 11:42 on 07 December 2006, Johan De Silva wrote:

First impressions were not all that good because of the color and conservative layout, however some of the subtle features such as “Browse By Tag”, “Expert search” and “Hide Sidebar” really stand out for me though I don’t know if users would take note.

Usability was exceptional and I could not lose any page. Accessibility was good however zooming text size resulted in horizontal scrolling I was still impressed. My score: 8/10

commentat 17:12 on 07 December 2006, Seth Aldridge wrote:

Paul,

Our navigation is currently set up with Script.aculo.us which would mean that if JavaScript was disabled that it wouldn't work...we knew that going in. I don't have a problem with the search box and the design and scalability is a really nice feature but looking at the site I couldn't tell what it was there for. If I offended you then I apologize. I was giving my view and I am biased because I am a designer. If I look at a site I expect it to do certain things, but if a user looks at it they just want to know what it is not how it was programmed or put together. If someone goes to the website and knew what they were there for then I don't think you'll have a problem but a short paragraph of text on what the website is and why people should use it rather than Amazon or another big name is what I was speaking too.

Thanks for the FYI.


Gallery by month:

Gallery by rating:

Gallery All Stars:

Comments / recent

About digimurai: Very nice design. Give me more.... [more]

About digimurai: Hmmm...Design is ok but nothing gallery worthy. I ... [more]

About from scratch design studio: [...] hampered the execution of this design.... [more]

About from scratch design studio: I've no issues at all against featuring flash site... [more]

About from scratch design studio: I think posting a flash site on the (formerly?) pr... [more]


Search

Features

Stylegala BookStore
The Stylegala BookStore has a massive archive of great books for you as a professional..
Bullet madness
Bullet madness is a list of 200 bullets, arrows and icons uploaded by our users.
CSS Reference
An alphabetical list over the most common CSS1 and CSS2 syntax and properties.

Sponsors

Logo design for $149

Advertise here