ArchivesCanada: 2012 Wireframes

From AtoM wiki

Main Page > Development > Development/Projects > Development/Projects/ArchivesCanada > Wireframes

This section of the ArchivesCanada upgrade project documentation includes a gallery of wireframes prepared in 2012 as part of the project analysis and planning phase - many of which lead to the redesign of features included in the v2.0.0 and subsequent AtoM releases.

January 2012 wireframes

After a series of meetings and discussions, the first round of Search and Browse Wireframes have been created by the UX Architect for ARCHIVESCANADA for review. Building on the new Trillium theme, released with ICA-AtoM 1.2, these wireframes act as a visual guide to represent the content, functionality and navigation proposed for the ARCHIVESCANADA upgrade:

Feedback from CCA is integrated into final Search and Browse Wireframes:

UI Design of Browse and Search templates

Feedback from CCA prompts a new Homepage design that provides site visitors with immediate access to searching the holdings and convenient links to ARCHIVESCANADA virtual exhibits, contact information etc. Homepage design is shown below with five different background images. CCA feedback is required to select one background image.

ArchivesCanada Homepage Option 01
ArchivesCanada Homepage Option 02
ArchivesCanada Homepage Option 03
ArchivesCanada Homepage Option 04
ArchivesCanada Homepage Option 05


The final background image will be high-resolution and will not include a watermark. The design work for the icons for the different entity types (institutions, topics & subjects, people & organizations, etc) will be completed in early February 2012.

February 2012 wireframes

Begin development of ICA-AtoM 1.3 Search and Browse templates according to final UI design.

Set2 Wireframes represent the content, functionality and navigation proposed for the ARCHIVESCANADA upgrade specific to: Advanced Search, Admin Import, Digital Object upload and Browse Archival Descriptions Treeview. This document is posted for CCA review.

Feedback from CCA implemented into Import process - resulting in a clarification of draft status and the addition of a Publish All option within the Import approval process. See revised set of wireframes:

Feedback from CCA selected the image from Homepage Option 02. A set of ICONS were designed to aid in User navigation and improve quick browse capabilities. The new homepage design is shown below and incorporates the Archives Canada new "look and feel":

ArchivesCanada Homepage w/Icons

UI Wireframes for Mobile-friendly access to ArchivesCanada site

March 2012 wireframes

New Icon design for CCA review:

Icons, revised design

June 2013 - ArchivesCanada Beta site

Between the 2012 wireframes and icons and the initial test launch of the ArchivesCanada Beta site (released for initial feedback just prior to the Canadian Association of Canadian Archivists conference), several more minor changes to the final icons and the home page layout were undertaken. Below is a screenshot of the ArchivesCanada Beta homepage:

An image of the ArchivesCanada Beta homepage, showing the final icon set used