-
Design skills
- Photoshop
- Illustrator
- Flash
I have been a keen user of Adobe products since 1996 using them to create exciting designs that are focused on the user journey. Each site design’s goal is to help the user navigate the site as easily as possible; all while reaffirming the company brand.
For inspiration and to keep abreast of design trends I subscribe to feeds from the top web designers and keep an eye on usability posts and tutorials.
-
Front-end development
- HTML
- CSS
- jQuery
- Drupal
With my HTML mark-up I like to use the simplest semantic structure possible. This helps create smaller CSS files, speeds up design changes and aids SEO. After this stage I would add a layer of jQuery or Flash to enhance the user experience.
In the same way as design, I also subscribe to related feeds to keep up with the latest techniques in web development.
-
Contact Details
Please contact me on the following:
Portfolio
Wu Wo - Tradingzones - Burdens
Background
Wu wo is a partnership company that works primarily with insurance-zones and burdens projects subsidiaries.
Examples
-
Tradinzones logo
-
Tradinzones site design
-
Corkingcover
-
Ecomerchant website design
-
Enviromesh website design
-
Chevron theme idea
More to be added soon...
Roles and responsibilities
- As Senior Creative I provide all Designs to the Wu Wo Development Team.
- Provide best practice advice on semantic HTML markup for ease of integration and SEO.
- CSS creation for all client projects (as part of Drupal theming).
- Estimation of Design effort for projects.
- Produce wireframes and identify personas to gain client buy-in and inform project scope.
- Writing design briefs.
- Cross browser compatibility consideration.
Live links
S-cool
Background
S-cool produces educational based sites, web applications and services that are used by over ¾ of local authorities in the UK.
Examples
-
S-cool corporate site
-
S-cool revision site
-
Stockton tempate
-
Application Process
-
HTML email
-
Jobs application
-
Search icons
-
Xmas wallpaper
Roles and responsibilities
- Create high quality designs for new sites, new sections and redesigns.
- Produce designs for use on multiple web sites. The designs are required to easily integrate with various other themes.
- Implement designs using latest techniques.
- Keep up to date with the latest technologies.
- Liaise with developers to create templates and give advice on DOM structure and semantics.
- Attend scoping meetings as a key member of the design team to give advice and appropriate recommendations on future projects.
- Estimate timescales for project planning.
- Feedback on sprint success and suggest improvements to help streamline workflow.
- Work closely with internal and external stakeholders throughout projects.
- Create branding guideline documentation.
- Design and create branding and marketing material, from newspaper adverts to free standing conference banners.
- Generate compelling HTML email newsletter designs.
Live links
Dyson Ltd.
Background
The role as New Media Designer/Developer involved creating designs and turning them into fully functional web pages using the latest technologies and techniques. This was always challenging and required the use of many different skills.
-
Dyson UK site
-
Dyson Pruduct page
-
Dyson Pruduct details page
-
Dyson and Issey Miyake
-
James Dyson Foundation
Roles and responsibilities
- Create and present designs for Dyson’s online presence and e-commerce sites.
- Attend scoping meetings and give advice and recommendations on future projects.
- Ensure designs conform to strict print brand guidelines while expanding (create new styles) the online brand.
- Produce HTML pages with semantic code and styled using CSS. If required, dynamic interaction is added using unobtrusive JavaScript or Flash. Pages were coded to an XHTML specification of 'Transitional' or 'Strict' making a DOM structure that is better for search engine optimization and allowing easy access to the page content by other technologies.
- Produce Flash files using either timeline based or dynamically with Action Script depending upon the content. These projects could require the Flash file to be a standalone or more dynamically driven.
- Ensure all images produced for the site are always to the highest quality and smallest file size possible without loss of detail.
- Manage time and prioritise work on multiple projects to ensure it is completed on time.
- Responsible for the creation of the intranet brand guidelines website.
- Lead role for the execution of site creation for use in foreign countries, over 30 changing languages and structure to suit the territory requirements.
- Organise files for upload from Dev to Stage and Live environments.
- Mentoring junior web developers and designers giving guidance and technical support on a daily basis. I have found this to be a great way to reaffirm my own knowledge and also to inspire others to be as involved in making sure everything is pixel perfect.
Flash animation links (awaiting size handler page)
Live links
Sutton Floors
-
Sutton Floors logo
-
Sutton Floors site
Background
Sutton Floors is a bristol based company with nine years of experience in the flooring industry covering all aspects of floor coverings.
Roles and responsibilities
- Create logo and branding.
- Built on Drupal framework.
- Design and produce theme.
- Register URL.
- Upload and host site.
Live link
suttonfloors.co.ukParty crechers
-
Party Crechers logo
-
Party Crechers site
Background
Bristol based events crèche company
Roles and responsibilities
- Create logo and branding.
- Built on Drupal framework.
- Design and produce theme.
- Register URL.
- Upload and host site.
Live link
partycrechers.co.ukColshe
-
Colshe logo
-
Colshe site
Background
Bristol based used car company
Roles and responsibilities
- Create logo and branding.
- Design and produce site.
- Register URL.
- Liaise with Auto Trader to intergrate stock page.
- Upload and host site.