- My role/scope:
- Creative and design lead, project manager, front-end developer
- Information architecture, prototyping, UI design
- Developed and maintained a design system
- Art direction, branding
- Results:
- Clear information architecture and user journey
- Refreshed design look to better align with communities and partners
- Extended brand identity and application
Taking an audit and assessment of all of Artscape’s hub websites’ content and layout revealed a common hierarchy and categorization of information that would make for strong information architecture and a dependable user journey for each new site. The intent was to turn this discovery into a consistent and repeatable design system across all the hub websites yet still maintain the visual identity for each hub. The design for each hub website was based off the brand identities and environmental designs created for each hub by creative agency Entro. Some of the stylistic elements and palette needed to be scaled back with consideration for chunking and white space to ensure a comprehensible user experience when scrolling or clicking through. Weston Common’s website design leveraged its motif of angled shapes against a few choice colours as blocks. For Youngplace, the logotype was reimagined as repeatable shapes and patterns and juxtaposed against its vibrant, neon chroma. Daniels Spectrum made a callback to its branding which incorporated the flags of all nationalities that made up Regent Park’s diverse community.
There were three objectives guiding the overall design and development:
1) promote community events and activations, and cross-promote Artscape offerings
2) showcase programming impact and share the community’s vision
3) connect the hub to the wider Artscape portfolio through its brand identity
As featured here, three community hub websites made it to the design and prototype stages. While the intent was to update the websites for all of their community hubs, only Weston Common (artscapeweston.ca) and Youngplace (artscapeyoungplace.ca) enacted the design changes due to changing business objectives.
Artscape Weston Common
Artscape Youngplace
Daniels Spectrum
I handled web design using Adobe XD to prototype with graphics done in Photoshop and Illustrator. Front-end development was done via Word Press, leveraging a heavily customizable 3rd party theme and page builder plugins. This allowed me to take an iterative approach to design based on stakeholder input and required no hand-off between prototyping and implementation.