Nokia : Marketing Extranet
The marketing extranet developed for Nokia implemented XHTML / CSS coding to suit their sales team accessing this site on portable devices. Remote review and approval processes were made possible. Assisting this, the Visual Design treatment kept to a minimum any graphics not essential to the core functionality of the site.
| Project Year: 2004 | Project Status: Launched | Agency: Grey SF | Relevant Link: |
| Technology: CSS / PHP | Project Duration: 1 year | Employ: FTE | Agency Site |
Facets Include:
1
Stakeholder Interviews
Nokia was a unique client in their business was not a domestic-based one. Interviews with the local client contacts helped delineate the specific needs surrounding this separation.
Heuristic Analysis
For an extranet that was accessible via mobile device, the main workflows needed to be reassesed from this unique platform. Some of existing methods of interaction needed to be reassessed and redesigned.
Usability Testing
Empirical research surrounding this version of the extranet included offsite, mobile-device testing surrounding the creation, distribution and approval of creative assets.
Facets Include:
2
Site Structure Diagrams
A reassessment of the templates in this extranet isolated any redundant pages or steps in the process which could be removed to reduce the number of pages needed.
UX Wireframes
For each launch of the extranet, a set of wireframes are updated and expanded to include the new set of features. In this case, it was a built-in approval and confirmation process for draft creative concepts.
Design Comps
Matching the light, playful style of Nokia's advertising campaign, the visual design comps leveraged an aesthetic that was compatible to the interactive medium.
Facets Include:
3
XHTML / PHP Coding
A clean, flexible front-end code base was crucial to allowing this site to render on the mobile platform. Separation of code and content allowed for a fast, legible rendering of pages on wireless browsers
Cascading Stylesheets
A mobile-type CSS application allowed flexbility for the design of this site to adapt to mobile browsers. These were pre-iPhone loopholes that one had to leap thorugh to deliver content effectively.