The project began with a request to create an information graphic about what Meridian Hill Pictures (MHP) does. MHP was looking for Graphicacy to assist in finding visual ways (website design, information graphics, etc.) to help people understand what they do and what to expect (process) when working with them.
Upon review, the MHP team realized they needed to scale up the project more. The following text is from Lance Kramer, one of the MHP founders and lead producer:
"For that reason, I would like to pivot the focus of the project a bit from a discrete graphic/interactive element to a deeper, more integrated restructuring of our site. Despite its age, our website is still rather small, 116 pages, and I suspect there’s plenty of content that would not need to be migrated to our new site. To me, the greatest challenges and opportunities of the site revamp lie in the areas of information architecture and user experience—areas that Graphicacy is well-equipped to help us tackle.
Here’s an analogy that could be useful: one could imagine our site as a whole to be the interactive graphic, and our company’s mission, experiences, and work history to be a set of “data” that is in need of better organization and presentation. This must be done with the end goal in mind being to not only help audiences better understand MHP but to also move them to connect with us in meaningful ways (new client projects, partnerships, sharing our work with friends, etc).
Using NationBuilder imposes a few constraints on this process, the most important being the number of distinct page layouts we can include in our customized template (too many makes our development costs prohibitive).
With these things in mind, here's what I'm thinking would make sense for final deliverables:
- Complete set of wireframes and user flow diagrams
- Four high-fidelity page mockups, including: Homepage, About/Mission (ideally this format could double for a Services page as well), 2 types of interior pages - one for featuring projects, and case studies (more visual material), and one for blogs, staff bios, and other more text-heavy content.
- Other graphics elements, potentially including: Supporting diagrams for the mission page (eg, Venn diagram, company history timeline), Lead/call-out box, and button styles Iconography for service/project types.
If we're all on board with this plan, here are some suggested next steps:
- MHP provides 5 user personas based on key website audiences
- Graphicacy/MHP work to sketch potential user paths based on these profiles
- Graphicacy/MHP build out site architecture and wireframes
- Ben Kampas, Developer
- Allison Buki, Project Manager
- Lance Kramer, Meridian Hill Pictures (the client)
These sketches were refined into some wireframes: