Base on Mars
Portfolio - Dan Etherington
My recent focus has been on in-house products, I'll be providing static version of the pages soon, currently they sit behind firewalls or login screens.
-
MyVillage 2.0 Design
Photoshop design
MyVillage.com is a local listings sites that has been around since the .com bubble. The site contains a huge amount of information that's currently quite inaccessible to visitors. The client provided some initial layouts that were used as a base. Given the amount of text on the page i opted for clear bright headers to help lead the eye. Typography is clear and spaced to make reading easy on the eyes. Impulsive navigation is used to lead the user to explore the site. The navigation never seemed to be constant so i developed a 3-tiered system that could shrink or grow as needed.
-
MyVillage Social beta
HTML, CSS
Use of microformats and modular markup. html.
-
Intelligence Centre
Cut-up, Mark-up, CSS, Icon Selection
The Intelligence Centre is the flagship information product of Informa Telecoms & Media. The template was developed quickly from visual designs provided by an agency. I used modular HTML where possible to make integration with the Java code as simple as possible, all article lists use similar markup using context and/or 'css keys' to modify appearance. Unobtrusive Javascript is handled by the behaviour library and it's use was encouraged with the developers.
-
Article Editor
Design based on initial development work, mark-up, CSS, Javascript (JSON & JSON-RPC, YUI, Ext, jQuery and tinyMCE. I later took on maintenance and new features on the Java back-end.
The article editor is a workflow and input tool for all publishing data at Informa Telecoms & Media. Workflow starts with the publishing team with articles being eventually delivered to both the print producers and the Intelligence Centre (see above).
Initial workflow was designed by our lead developer where it was decided providing a familiar 'MS Office' style interface would ease training needs. Use of the YUI & Ext libraries allowed for a more 'desktop app' feel and a custom tinyMCE rich text editor added the final touch. The app makes heavy use of AJAX through JSON-RPC to communicate with a Java back-end.
-
Site Builder
Design, Workflow & UI, HTML, CSS, custom JS & jQuery.
Site Builder is an in-house tool to allow marketers to update web content 'in-place' on the page and publish the changes to live. A number of challenges were met and overcome, including working with frames, interaction with sites existing stylesheets and creating an intuitive workflow.
Previous work
- www.telecoms.com and www.informamedia.com - Mark-up (html, css)
- www.bigfootimaging.com - Design, mark-up (html, css), Ruby on Rails
- www.fotothemedigital.co.uk - Design, mark-up, javascript.
- www.picturestudio.biz - Design, mark-up. Photographer has not yet supplied content.
- www.thiptop.co.uk - Design, mark-up, javascript, photography.