About Me
Peter specialises in User Experience and User Interface Design along with rapid application prototyping. He has been fortunate enough to work on digital projects for a variety of national and international brands. Peter specialises in designing for user experience and interaction in order to maximise the user experience on various digital mediums: Web, mobile, tablet devices. Peters skills include: Wireframing, Prototyping using Axure and occasionally Omnigraffle, Visio and Illustrator, Digital Design, Google Analytics, Interaction and User Interface Design, and Front end web development covering: HTML5 /CSS2/3 and JQuery.


My mantra: Understand -> Design -> Observe (then repeat)


email: petermarkellis@gmail.com
Twiiter: @petermarkellis


I will be available for Freelance work from May 2012.



THE WORK

Two advents have occured firslty the release of the amazing Twitter Bootstrap framework which I love. Secondly the agencies I have been working for seem to be making more heavier applications (or web apps) and so they have been using Twitter Bootstrap as a framework.
Therefore I started putting together a small library in Axure of my own Wireframe items.
This library has grown quite a bit so I decided to release it for others to use. I am still working on it of course so every week I tend to find myself refining it a little or adding more elements. Anyway get the file from here. I have uploaded the generated HTML so you can preview it here.
I should also point out that I took one or two elements from Loren Baxter's Better Defaults simply so I am not constantly switching between libraries. Additionally I have seen a few sites charging for libraries like this but its based on Creative Commons licenses so your free to do what you want with it. If you do use it then let me know on twitter @petermarkellis :-) or let me know if you have any ideas for it.

Release: v 1.0 (Download) or (Preview)
For: Axure RP 6.0
If you are new to Axure then head over to the official Axure site to download yourself a trial. Trust me its well worth checking out for rapid prototyping.



Campaign website launched for WWF. With as few as 130 whales, the western gray whale teeters on the edge of extinction. Their critical feeding ground off the coast of Sakhalin Island in the Russian Far East, is now under threat. WWF, with help from Mr. Scruff, have stepped in to help them. If its still live then visit the thelast130.org and fill in your details into the petition form!

Role: UX (inc Wireframing in Omnigraffle), Design and Front end build
Agency: twotwentyseven for WWF
Year: 2012
Visit the website at thelast130.org



Website build for advertising agency Sugar Rush Marketing to support the launch of the new Samsung NX200 Camera. Website was optimised to work across latest smart phones (iPhone) and iPad.

Role: Front end build and Interface Design
Agency: Sugar Rush Advertising
Year: 2011
Visit the website at www.samsung-nx200.co.uk



Front end web build for the new Beatie McGuinness Bungay website. One of the requirements of the site was to make sure the site was fully optimised to work on the latest smartphones and tablet devices. For this the website utilises CSS Media Queries along with a fluid layout manager called Masonry that shuffles content to shape the display/area. Similar to what tumblr uses. This ensures that the website is optimized across a variety of devices and view ports: iPhone, iPad and Blackberry

Role: Interface Consultation, Front end build
Agency: twotwentyseven
Year: 2011/2012
Visit the website at bmbagency.com


Youtube channel branding setup to promote Panasonic's new TA1 range of digital cameras. This campaign inclued a microsite setup for a competition to win a pair of tickets to see Dynamo live in London.

Role: Technical Direction, IA and Site Architecture
Agency: Brave Marketing
Year: 2011
Visit the Panasonic UK YouTube branded channel for more



Flagship website promoting the Lumix camera range of products by Panasonic. Because the website needed to be updated by content and social media managers we chose to utilize the Wordpress platform for the build.

Role: Technical Direction and Frontend Design
Agency: Brave Marketing
Year: 2011
Visit the site at lumixlifestyle.co.uk



Website to promote Panasonic's range of whiteware kitchen products.

Role: Technical Direction and Site Architecture Design
Agency: Brave Marketing
Year: 2011
Visit the site at theideaskitchen.co.uk



Promotional website build to promote the new John Frida Precision Foam Colour marketing campaign in the UK.

Role: Technical Direction and UX
Agency: Brave Marketing
Year: 2011
Visit the site at johnfrieda.co.uk



Promotion website to promote John Frieda's UK members club. This requires collaboration with the Data team within the agency to coordinate email communications and CRM fulfillment

Role: Technical Direction and UX
Agency: Brave Marketing
Year: 2011
Visit the site at johnfrieda.co.uk



Website refresh for Unilever's Domestos website.

Role: Technical Direction, Architecture Design
Agency: Billington Cartmell
Year: 2010
Visit the site at domestos.co.uk



Website refresh for Unilever's Surf website. Website utilized Zend MVC framework, Sifr font replacement and integration with the Unilever Traction CRM control system.

Role: Technical Direction, Architecture Design
Agency: Billington Cartmell
Year: 2009
Visit the site at surf.co.uk



Website creation for Appletiser to promote their range of soft drinks in the UK.

Role: Technical Direction, Architecture Design
Agency: Brave Marketing
Year: 2009
Visit the site at appletiser.co.uk



Promotional site to support the launch of a temporary Moet & Chandon store which opened in London.

Role: Technical Direction
Agency: Brave Marketing

Year: 2009




More sites to be added soon....




BRAND EXPERIENCE


WHERE AM I


CONTACTING ME

email: petermarkellis@gmail.com