Watch the video here
icanhaveit.com – Site redesign
Taking an existing but tired site, refresh and rebrand it up to modern day standards.
With a focus on readability and execution, the logo has be refined and simplified. This is only an online print so RGB was the primary driver.
Leveraging the four key colours from the reworked logo mark, these distinct different areas of the site were all clearly defined with easily understandable colours.
From wireframes to design
With a focus on the product (prizes) and an emphasis on the range available, a simplified drop down was introduced with an easily updatable carousel mechanism to keep content fresh. Feature and promotional zones occupied 2nd tier real estate whilst a How it works visual descriptor backed up the offer.
Understanding that the user wants a a lot of choice but also need their hand holding is an important balancing act. Here, there a conscious move from offering 15-20 categories nav as this only success in blinding the user with too much choice.
How it works
Guiding the user through what is, for the first time user, a new process is an important part of the communications for the site. This four (4) step process uses a play mechanism and a rollover one.
Effective UI techniques can, if used correctly, transform the experience. Thumbnail imagery and tab identification allow simple navigation through what is otherwise an uninspiring chart.
Acting as a traditional product detail page, this treatment focusses on the Prize, offers a brief product description and Play options. There is also an opportunity to offer up Related Competitions to maximise the experience, and of course, the revenue.
Play – Answer a question
Progressive disclosure is the hot potato in UI design. Here I have used the technique as as incremental show-and-tell to guide the user through the Play Experience. Upon completing the first section (1. Choose a question) the following section (2. Answer a question) is progressively displayed, an so on.
One of the UI biggest challenges is how to place a lot of information on a page without losing usability. Tabbed content is a great way to handle this issue and has been widely used across the net. Handling Security , Terms and Site Map is a perfect solution here.