Profile

With a keen interest in Interaction Design, I design and produce standards compliant online content. I have experience as both a designer/developer and producer, managing projects from concept to delivery. I am passionate about delivering quality projects that exceed clients expectations. I also have the knowledge from a developers perspective to understand and negotiate timescales with development team and clients.

Education

Masters, Interactive Design, University College Falmouth : Cornwall, UK

Contact

nik at niklazell [.com]


Nik Lazell

I work as an Interface Designer with several years agency experience designing and building accessible, standards compliant web content for desktop and mobile platforms.


SMS Project

SMS Application

I helped develop the front end build for this SMS application.

Working with ASP.NET developers we are integrating the RadControls for ASP.NET AJAX to build the application.

No URL yet.

Beefeater Restaurants

Beefeater Restaurants

I produced templates for this site producing valid, strict XHTML. Standard accessibility requirements were met ensuring all flash animations had html alternatives. Semantic markup, using CSS to separate presentation from content with unobtrusive javascript helped ensure the site was as accessible as possible and degraded gracefully, usually down to a mobile device level.

www.beefeater.co.uk/

Anchor

Anchor Freerange 2008

I worked with a team of developers on the templates for this site producing valid, strict XHTML. Standard accessibility requirements were met ensuring all flash animations had html alternatives. Semantic markup, using CSS to separate presentation from content with unobtrusive javascript helped ensure the site was as accessible as possible and degraded gracefully, usually down to a mobile device level.

www.thefreerangebutter.co.uk/

Apetina Cheese

Apetina Cheese

Working on my own to produce the initial POC for this site, then going on to produce all the templates. All templates were produced using valid, strict XHTML. Standard accessibility requirements were met ensuring all flash animations had html alternatives. Semantic markup, using CSS to separate presentation from content with unobtrusive javascript helped ensure the site was as accessible as possible and degraded gracefully, usually down to a mobile device level.

www.apetinacheese.co.uk/

BT Switched On

BT Switched On

My inital role on this project was to help flow in content, ensuring all markup tags were valid and all images had the necessary ALT and TITLE tags. Secondary to this after a period of time we were asked to rejig the layout. Thanks to the original groundwork in constructing the templates I was able to shift the content around using CSS amends and a very small amount of change to the markup.

www.switchedonuk.org/

Muller Cadbury

Müller® Cadbury

I was brought in mid-project on this site, working with a team of developers on the templates and producing valid, strict XHTML. The design required heavy use of transparent PNG's, flash and javascript. All flash animations had html alternatives.

www.cadburydesserts.co.uk/

Castello Cheese

Castello

I built a new section for this site, the competition page. Working alongside a PHP developer to build the form functionality and produce front end markup.

www.castellocheese.co.uk/

Guinness®

Guinness®

This was an HTML email produced for a Guinness® campaign.

Email only - please contact me for an example

Cow & Gate

Cow & Gate

Working with an external agency I was Project Manager for the development of this site. I produced the initial templates and site structure which was then handed over to a third party where I managed the development.

www.feedingforlife.ie/

Cravendale

Cravendale

HTML Emails produced and updates to the HTML alterative of the flash site.

www.milkmatters.co.uk/

Dunlop Driversknow

Dunlop Driversknow

I worked with a team of developers on the updates for the current previous DriversKnow website. All work was produced using valid, strict XHTML. Standard accessibility requirements were met ensuring all flash animations had html alternatives. Semantic markup, using CSS to separate presentation from content with unobtrusive javascript helped ensure the site was as accessible as possible and degraded gracefully, usually down to a mobile device level.

www.driversknow.co.uk/

Hynudai

Hyundai

Working with a team of front-end developers we built this site from the ground up. Initial concept meetings to decide how many templates were needed and critical discussions on how to manage the development with developers updating the site regularly, many working remotely.

All templates were produced using valid, strict XHTML. Standard accessibility requirements were met ensuring all flash animations had html alternatives. Semantic markup, using CSS to separate presentation from content with unobtrusive javascript helped ensure the site was as accessible as possible and degraded gracefully, usually down to a mobile device level.

www.hyundai.co.uk/

Lurpak - In Search Of Good Food

Lurpak - In Search of Good Food

Front end updates to this site. I produced several microsites within the site using the current css - making use of the css rules that were already in place cascade into the microsite meant reduced development for the microsite. All new templates were again produced to valid, strict XHTML. Standard accessibility requirements were met ensuring all flash animations had html alternatives. Semantic markup, using CSS to separate presentation from content with unobtrusive javascript helped ensure the site was as accessible as possible and degraded gracefully, usually down to a mobile device level.

www.insearchofgoodfood.com/

Milupa Aptamil

Milupa Aptamil

I produced the initial POC for this site, constructed the templates, and flowed in copy and images for some 300 articles. A well thought out directory structure and file naming conventions early on ensured that the development remained manageable towards the end of the end of the project.

I was also involved in reskinning the site at a later date. This again was made a lot simpler thanks to well-thought out markup with enough 'hooks' in place (but not unnecessary markup) to be able to shift content around without too much work.

www.milupa-aptamil.ie/

Planning Portal

Planning Portal

Working indirectly with CXPartners (A User experience company) my task was to produce initial html Wireframes to illustrate user journey and workflow (from their supplied wireframes). From these templates, valid xhtml/css templates were produced using unobtrusive javascript for help elements. Goverment guidelines meant this work had to be spot on.

www.planningportal.gov.uk/

Guinness

Lovely Day for a Guinness // HTML EMail

I was asked to produce a POC for a Microfiche style html email for a Guinness® campaign. The email was tested to work in all major email clients including Yahoo!, MXN Hotmail, and GMail.

Email only - please contact me for an example

Civil Enforcement Now

Civil Enforcement Now

A freelance project working with a PHP developer. We produced the initial templates from a supplied design, which was then plugged into a custom CMS allowing the client to update the site. All templates were produced using valid, strict XHTML. Standard accessibility requirements were met ensuring all flash animations had html alternatives. Semantic markup, using CSS to separate presentation from content with unobtrusive javascript helped ensure the site was as accessible as possible and degraded gracefully, usually down to a mobile device level.

www.civilenforcementnow.com/

GFM

GFM

Site templates were produced from an initial clients design. All templates were produced using valid, strict XHTML. Standard accessibility requirements were met ensuring all flash animations had html alternatives. Semantic markup, using CSS to separate presentation from content with unobtrusive javascript helped ensure the site was as accessible as possible and degraded gracefully, usually down to a mobile device level.

Project offline

NotOnTheWater Windsurfing Magazine

NotOnTheWater Windsurfing Magazine

Design and build for a holding page of an online Windsurfing Magazine due to launch next year.

www.notonthewater.com/

Singlefin Blog

Singlefin Blog Template // Expression Engine

Valid xhtml/css strict code for a series of templates to be used with the Expression Engine CMS.

Project offline