The planning, design and development of the new www.blakes7.com - the official site for the classic science fiction television series.
Over the course of several months, I worked with B7 Media on coming up with ideas, from rough wireframes to full pixel-perfect mockups for a new blakes7.com to update the ageing site that occupied the domain.
The new site is now live at www.blakes7.com
A collection of loose wireframes, mainly to gauge the overall structure of the site, and a possible separate classic series site. Clear from the start was the need for either a dedicated mobile site, or one that was responsive enough to handle mobile devices, and strong social media integration.
Mockup of possible site UI - focusing on social media elements, advertising placement to partners with licensing deals, and a graphics-rich design ethic.
Mockup of possible site UI - focusing on social media elements, advertising placement to partners with licensing deals, and a graphics-rich design ethic, this time with a full-width slider.
Mockup of possible site UI - focusing on social media elements, advertising placement to partners with licensing deals, and a graphics-rich design ethic, this time with a larger focus on classic series items at the bottom. The show was in development at SyFy at the time, so this was a possible post-green-light look to the site, separating out the new series and classic series items.
We also discussed having a dedicated site for the classic series - our own repository of information. This was a concept for the layout.
We also discussed having a dedicated site for the classic series - our own repository of information. This was a concept for the layout.
Refined, simpler content plan and layout guide/wireframe
The final design (landing page); site based on wordpress, using a heavily-customised premium theme.
The final design (landing page); site based on wordpress, using a heavily-customised premium theme.
The final design (article page); site based on wordpress, using a heavily-customised premium theme.
The final design (About Blake's 7 page); site based on wordpress, using a heavily-customised premium theme
The final design (merchandise page); site based on wordpress, using a heavily-customised premium theme. The items expand out to list product details and feature trailers and CTAs to buy from iTunes or direct from the licence holders.
Using a responsive theme within Wordpress means the site maintains some design dignity when viewed on different sized devices
Using a responsive theme within Wordpress means the site maintains some design dignity when viewed on different sized devices
