(This website site design must lend itself to being responsive).
1. Home page / main page:
We understand that the best design for the site will be an [elongated] homepage/main page as opposed to several individual pages.
The main purpose of the site is to drive direct sales to the end user of a singular product; Powerspin - the end user will be predominantly female but the site needs to lend itself to male use also, given the growing appeal of the Powerspin product to men.
It will achieve this:
- through the use of large, vibrant product images, images of the product in use, before/after images, videos
- large, bold text statements overlaid upon the images
- smaller text boxes describing the product and its use in more detail
The page will describe a fun, addictive, easy to use product that demands little time to produce effective results for the user.
The page will also make use of the various product/workout videos that we have complied to help educate customers about what the product is and how it works.
One of the [many] criticisms of the the current site is that it doesn't really tell customers what the product is or exactly what they need to do to work it and it certainly doesn't excite or inspire sufficient numbers of viewers to whip out their credit card and head toward the cart.
This is a pure fitness product and so the site needs to have a strong 'energetic' feel to it with plenty of 'calls to action'..something that the current site definitely lacks.
We would like the menu bar to remain fixed at the top of the page if possible, especially given the potential length of the page; each link will re-scroll to the appropriate anchor point on the page.
A suggested menu bar would be:
Powerspin | Store | Introduction | Workouts | FAQs | Reviews | Contact
(but this isn't set in stone)
Ideally, when the page loads, the first thing the viewer will see is a video which plays automatically for 20 - 30 seconds and fills the screen responsively (such as seen in the Fifty three website listed above) with a text overlay and a 'learn more' button taking them to the main page once clicked (we will arrange for this during the site programming stage);
Following on from being engaged by the video, the first/top section of the main page will do a good job in further hooking the viewer's attention and engage them that they've just discovered an exciting new fitness product which could help them improve their fitness and general body shape/health in several ways.
Scrolling downward, or clicking the 'Introduction' button will bring them to a more descriptive section which will explain exactly what Powerspin is and how it works, again, using bold imagery, text and large, crisp text overlays if necessary.
The product has already garnered many '5-star' reviews on sites like Amazon, Argos, QVC etc and we'd like to see these dotted efficiently around the site (if possible to do so without compromising the design), in addition to having a main 'reviews' section, again built into the main page, where people can read a more concentrated selection.
However, if this compromises the overall length of the page (ie, makes it too long), we can add it in ourselves after with either a pop up or a jQuery/CSS page shift left or right to allow us list some options there instead without increasing the overall length negatively.
The FAQ section can be a small selection of relevant questions and again, this can be hidden or popped up after if it's compromising the length of the page negatively.
Please note, the menu choice above is not a definitive one; we are open to the designer's input on this and it's for reference only - we'll be led by the design requirements/design toolkit
An attractive cart design is required - it's just for one single product