1 / 30

STUDIO GNOT

Strategic advice For design projects related to communication media Web design Conception, information architecture, content guidelines, interface design (graphic design, interaction design and usability), implementation Editorial conceptions

carlos-cannon
Download Presentation

STUDIO GNOT

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Strategic advice For design projects related to communication media Web design Conception, information architecture, content guidelines, interface design (graphic design, interaction design and usability), implementation Editorial conceptions Ghost-writing and editing of coordinated-image handbooks, technical documentation This brochure has a selection of recent works on the web, since 1997. My aim here is to give you a taste of what I have accomplished as an information architect, graphic designer and, above all, as the creator of coordinated systems for content architecture and user interface on the web. STUDIO GNOT

  2. Coordinated web sites systems Single web sites Major tasks: Vision and concept Strategic advice Information Architecture Interface Design: graphiclayout and navigation Html implementation User training WEB SITE DESIGN 1996 > 2009

  3. “A coordinated visual identity can be traced back to the times of the crusades. Many armies from different countries were fighting on the same battle field... the only way to distinguish friends from enemies was to identify the allies via an unique visual distinction such as the shields marked with with a red cross on a white background.... ” Coordinated web sites systems WEB SITE DESIGN 1996 > 2009

  4. Continued collaboration with ILO mainly focused on: The definition of a new business process for web development across the organization’s boundaries, including the Regions. The new web development process generated relevant cost savings for ILO; A coordinated web graphical identity for the ILO website and its over 150 sub-sites; A modular and flexible system for the normalization of content structure, navigation and layouts; The production of guidelines and formal methodologies for web development; Strategic advice to Senior Management of the Organization for communication projects on the web. International Labour Organization WEB SITES DESIGN Coordinated websites systems 2000 > 2009

  5. The Intranet home page Besides designing the graphics and layout of the ILO intranet, the task was to create a “top” layer acting as an index leading to the many departmental sites and to harmonize the overall navigation. Concept, pdf 338 Kb COORDINATED WEB SITES SYSTEMS WEB SITES DESIGN ILO Intranet first version: the Top level 2001- 2003

  6. Supplementary navigation systems: Site index COORDINATED WEB SITES SYSTEMS WEB SITES DESIGN ILO Intranet first version: the top level The News archive

  7. Examples of departmental sites developed with the the coordinated layout COORDINATED WEB SITES SYSTEMS WEB SITES DESIGN ILO Intranet first version: Departmental level Departmental sites with coordinated layout

  8. More information Concept and Information architecture, pdf 326 Kb Other graphic proposals COORDINATED WEB SITES SYSTEMS WEB SITES DESIGN The ILO Intranet as it is now: the Top level In this new development it has been redesigned the graphical aspect and introduced an added information space for the ILO departments to publish their news at the top level. A stronger coordination was actuated at the departemental level. 2004

  9. Departmental sites using the coordinated layout COORDINATED WEB SITES SYSTEMS WEB SITES DESIGN The ILO Intranet as it is now: Coordinated Departmental sites

  10. The new “Dynamic” ILO web site implemented with a WCMS (Stellent). Concept and Information architecture, pdf 2.5 Mb The site The home page COORDINATED WEB SITES SYSTEMS WEB SITES DESIGN ILO Public: the new site in WCMS, the top level 2004 2009

  11. Other pages at top level COORDINATED WEB SITES SYSTEMS WEB SITES DESIGN ILO Public: the new site in WCMS, the top level • Go to the page • Go to the page

  12. To achive a coordinated visual identity on the web, all the ILO sites use the same layout system. At the moment the sites are implentented in “static”, in the future they will be migrated into the WCMS. COORDINATED WEB SITES SYSTEMS WEB SITES DESIGN ILO Public: Coordinated Departmental sites Level • The site 2004 - 2009 • The site

  13. Page listing the navigation components The new business process for web development across the organization including the Regions. COORDINATED WEB SITES SYSTEMS WEB SITES DESIGN ILO Public: the new business process and its relavant tools Tools and guidelines On-line hand-bookfor implementing Standard Templates, to be used in Phase 3 Methodology document to be used in Phase 1

  14. Continued colaboration with JRC to achieve coordination of its web sites: 8 scientific institutes and relative 50 working units. Joint Resarch Centre of the European Commission (DG-JRC) WEB SITES DESIGN Coordinated websites systems 1996 > 2000

  15. The JRC site was thought as an “electronic brochure” made of brief descriptions promoting the JRC activites and products. The brochure functioned as an unique entry level to technical descriptions published by already existing Units’ web sites. COORDINATED WEB SITES SYSTEMS WEB SITES DESIGN JRC first version: JRC level 1997 - 1998

  16. IAM Institute home page COORDINATED WEB SITES SYSTEMS WEB SITES DESIGN JRC first version: Institute level The Activity page of EI Institute ISIS Institute home page

  17. Template pages index COORDINATED WEB SITES SYSTEMS WEB SITES DESIGN JRC first version: Tools for web editors Example of pages from my on-line Hand-book used to produce coordinated web sites • Online hand-book The grid used to layout the Institute home page Decription of a page component

  18. The site is build according to my data model for content and metadata. Then site is driven by a database on top of which a home-made CMS was built to provide for the the presentation and data contribution. I’va also created the graphic aspects and layouts. Database lists, pdf 31 Kb Departmental sites using the coordinated layout COORDINATED WEB SITES SYSTEMS WEB SITES DESIGN The JRC site database driven 1998

  19. COORDINATED WEB SITES SYSTEMS WEB SITES DESIGN The new JRC site database driven: some pages at top level

  20. Keywords: Simplicity Readibility Light-weight for fast downloading Single web sites WEB SITE DESIGN 1998 > 2007

  21. European data bank on alternative methods to animal experiments in biosciences Graphic design Information architecture Hand-book for the application of the logo SINGLE WEB SITE WEB SITES DESIGN SIS-ECVAM: Scientific Information service (JRC) 1999

  22. 1999 Graphic design Information architecture and data model SINGLE WEB SITE WEB SITES DESIGN NEDIES: Natural and Environmental DisasterInformation Exchange System (JRC)

  23. WMA is a San Paolo Unit dedicated to the creation of financial products and spreading of selling documentation for to agents of the San Paolo group. In designing this site I fulfilled the Unit’s goal in presenting the products and spreading the documentation. SINGLE WEB SITE WEB SITES DESIGN San Paolo bank: Wealth Management Advisory (WMA) 2003 • Graphic design and • Information architecture, pdf 1.07 Mb

  24. Graphic design SINGLE WEB SITE WEB SITES DESIGN San Paolo Bank: Universo Servizi 2003

  25. Graphic design Information architecture Implementation The site SINGLE WEB SITE WEB SITES DESIGN World Commission on Social Dimension of Globalization (ILO) 2003

  26. SINGLE WEB SITE WEB SITES DESIGN UN - Sport for development and peace • Graphic design • Information architecture • Implementation • The site 2004

  27. Now this site is changed, it has been migrated into the WCMS used at ILO, go to the site SINGLE WEB SITE WEB SITES DESIGN ILO Department of comunication (DCOMM) • Graphic design • Information architecture • Implementation 2003

  28. Data entry mask for Events SINGLE WEB SITE WEB SITES DESIGN Gender Equality tool (ILO) • Graphic design • Information architecture • The site has been migrated into the WCMS used at ILO 2002

  29. Online services to request offers of mortgages to several banks in parallel. SINGLE WEB SITE WEB SITES DESIGN Free finance • Engeneering of templates and grids for the modular layout system 2000

  30. Now that you know what you get, call me STUDIO GNOT Information Architects and Interface designersVia Enrico Noe, 2520133 Milano - ItalyTel. +39 02 2361227Mob. +39 335 5629651maurizio.gnot@fastwebnet.it

More Related