NEC 343i, IMode phone on O2

This small project for O2 required  re-architecting a few pages form the O2 corporate website for the NEC 343i as a showcase how a convergent solution could work for this site.

(BTW I fell in love with this little phone and bought one for £40 as a back-up phone. It's still ok for email and some basic web interaction (Google maps), and I love the fast access via keypad commands.)

Screen shot O2 corporate website 'Board of Directors'.

Screen shot wireframe example mobile website 'Board of Directors'.

Agency: Rufus Leonard
Client: O2
Year: 2006

Nokia Intranet news hub 2.0

Since this project deals with an Intranet documentation it is confidential, and I can't publish my documentation. Nokia however permitted publication of the screenshot beneath, as it won a usability award in its category. This intranet was one of the first web 2.0 application I designed. It featured cutting edge interaction functionality such as personalisable screen for the users with AJAX modules (i.e. iGoogle style), and highly dynamic linking feature for team members, as well as Flickr integration.

This project won the 2007 Communicators in Business (CiB) for intranet navigation/usability (class winner).

Tasks: Consulting (including running a requirements workshop on-site in Finland), and documentation (IA, Wireframes, etc)

Graphic design: Eddie Finch-Hawkes : Senior Designer

Agency: Red-House Lane
Year: 2006

Orange portal revamp, example 'Film' section in 'entertainment'

I have worked several times for Orange on Wap, Web and convergent projects.

Brief:
This project brief covered several aspects: on the one hand the brand is actively involved in large scale entertainment events, sponsoring movies, film festivals and music concerts. On the other hand, the Orange portal runs an a CMS, that gives limited support for rich media solutions. The brief was to revamp the portal so it would represent the Orange brand more contemporary, stylish and closer to the off-line brand, while still minimising download times, which are forever too long for an impatient entertainment oriented audience. In addition, social media elements, such as with ratings, user reviews, comments and videos, needed to be integrated.

Answering the brief:
This was achieved by implementing 3^rd party software (blog software) which had to comply to the same brand guidelines. At the same time this was a convergent solution, e.g. it runs on the mobile UMTS internet, so attention had to be paid that all elements could easily be re-architected for a mobile browser agent and much smaller screens. Also provision was made for mobile video clip uploads a la ‘YouTube’.

My impact

My role as user-experience consultant was to translate the brand guidelines into a design concept that would work for the CMS system. In this function I liased between CMS and web development, 3^rd Party envelopers, and graphic design. To keep the page weight down we opted for a Flash solution for larger rich media panels. All flat colours, backgrounds and headers type faces are coded in CSS. To distinguish user generated content from Orange content I developed a subtle visual sub-language for the UGC components, which complied with Orange secondary brand colours. Also a consistent mark-up for all link structure was developed, as well as help and attention elements. I always found that a consistent mark-up and interface elements guidelines have great similarities with consistent brand guidelines, therefore that translation seem natural to me.

Accessibility and legibility

I also pay attention to aspects like on-screen legibility, and micro-typography in on-screen scenarios (e.g. bold type faces’ the tracking needs to run wider). Image manipulation includes settings the best compromise between compression modes and image quality. I also consider general accessibility standards to DDA 2 level (in particular when it came to the flash modules), compliance for screen readers, and other alternative web consumption modes while keeping the brand experience consistent (All ‘alt’ descriptions, etc, are still coded to appear visually ‘on brand’). The complete scope covered about 40 new templates.

Old CMS template and component style:

Design execution Orange in-house design team

Client: Orange

Year: 2006/7

Innovation centre project: Mobile shopping assistant

Rubus Innovation Centre project:

Concept: Develop ideas and strategies for M asp applications > shopping agent to be trialled at the Bluewater shopping centre. This solution connects local BLuetooth connectivity (e.g. offers from local shops) with general Internet connectivity (check and compare competitors offers, or order or pay via the phone).

Challenge: Use of latest mobile technology research (Bluetooth, sms,Wap), develop convincing strategy for a product with few existing market references.

Tasks: Market and technology research, expert consulting, brainstorm sessions, concept development, storyboard development, design brief for execution, testing and service development.

Agency: Rubus

Role: Creative Digital Consultant

Year: 2000

Wap @ IAA 2000, NWSS- Nokia Wireless services

Promotional campaign for London's fair for international advertisers 


Challenge: Introduce Wap service to a "print oriented" audience. Introduce Nokias 7110 As Wap device (also test 'Navi roller') Convince advertisers of Wap as a valid advertising medium. Position WAP as time sensitive dynamic advertising medium.

Solution: Extensive user testing of 7110, integration of findings in interface/gui solution Consistent use of Graphic elements (Banners, structural graphics, section header graphics). Reliable data performance was achieved by working with a mobile base station, present on-site.

Tasks: Requirements collection, client consulting, concept development, interface development, information architecture, documentation, on site user liasion, testing, phone set up

Agency: Satama

Role: Conceptual design lead
Year: 2000

B-2-B E-commerce site, NOLS (Nokia on-line services)

Phase I: Development of e-commerce pilot, b-to-b, online order for Network backend solutions, support, software downloads. 


Challenge: Nokia Nols' first Extranet/E-commerce experience. multiple backend system integration (Vignette/DB2/Lotus domino/IBM WebSphere)

Phase II: Addition of email notification for partners, communication platform for partners (i.e. IBM) internal approval process, order tracking, extended product catalogue, prepare intranet input templates for WAP access. 

Tasks: Requirements collection, client consulting, concept and interface development, paper prototyping, info architecture, documentation (business preposition, user experience journey, use cases, site architecture, uml diagrams), creative & developer brief, liasing with tech/back end designer & 3rd party integrater (IBM).

Agency: Satama

Role: Conceptual design lead

Year: 2000

X-press-on covers, Nokia campaign website

X-press-on covers,

A short term promotional site, idea: vote for the best xpress-on cover, runs parallel with retailers campaign.

Challenge: establish a very playful approach within a big coorporate with strict guidelines.

Solution:

Re-use of circular display for phone covers as "wheel of fortune", which can be spun and nugged, to choose favourite cover. (Flash)

The dynamic voting form is pre- filled in based on choice in the wheel; dynamic chart build up, again, based on choice of x-press on cover in wheel.

Tasks: Requirements collection, client consulting, concept development, interface development and paper/director prototyping, information architecture, documentation, creative brief, developer brief, liasing with 3rd party integrater (external WebDev company).

Agency: Satama

Role: Conceptual design lead

Year: 1999

Awareness campaign cell braodcasting

Innovation Centre project @ Rubus in conjunction with UCL, London:


Brief: Develop ideas and strategies how to promote cell broadcast services to various clients (retail/ telecom).

Idea: develop Cell broadcast treasure hunt over greater London. Users should in turn learn to recognise the various base station cells by the changing images on their  phones, as different base stations would transmit  Ascii style image to phone display. To give more visibility to the cell cast areas, the small screen images would be supported by billboard campaigns.

Challenge: Introduce novel use of latest mobile technology;  create cultural awareness in the UK market for extended use of mobile technology and interactions (beyond just making phone calls), and develop convincing strategy for a product with few existing market references.

Tasks: Market and technology research, expert consulting, brainstorm sessions, concept development, storyboard development, develop design brief for execution, testing and service development. 

Agency: Rubus
Role: Creative Digital Consultant
Year: 2000

Nokia Cebit 2000

Development of 3G world, long-term campaign site about 3rd Generation solutions and visions.

Challenge: Build up a 3g vision for consumers, technical experts and media without creating realistic expectations.

Solution: Interactive flash demos for endusers Insider Info for technical audience Dynamic press release section for media Glossary covering novice and medium knowledge level

Client: Nokia, Business division NMP: (Nokia Mobile Phones)

Consultancy: Satama, Helsinki

Tasks: Requirements collection, client consulting, concept development, interface development and paper/director prototyping, information architecture, documentation, creative brief, developer brief, liaising with 3rd party integrater (external WebDev company), back-end technology: Vignette Storyserver

Awards: This site was awarded as 'best 3G introduction site' at the Cebit 2000

Year: 1999