An adventure in online collections: making the Objects Revealed microsite
As someone who is passionate about Black history and actually putting my skills to the benefit of the community, when a stakeholder proposed creating a microsite to host images and stories from a selection of the archive, I had to say yes.
After all, online archives are one of my biggest passions when it comes to doing digital for museums and heritage. There are so many deep, interconnected problems and so much that is needed to make them truly accessible and usable for people that it’s the kind of thing a critical service designer like myself just leaps at the opportunity to start tinkering with.
About a month ago, I was approached by a curator asking if I’d be interested in joining this small project with a tight deadline. Of course I said yes - it was bound to be interesting and besides, it was contributing to an online archive for Black Cultural Archives (BCA).
The first step was to understand requirements for the microsite and who it was intended for. Through conversations with the curator and the rest of he team, I came to understand the range of content formats that would be on the site, but also what the long term plan was. This helped me understand what kind of calls to action would be placed and where along the various user journeys.
There wasn’t much in the way of audience research from the organisation but through these conversations, I also learned that this project’s aim was as much to reach out to new, younger audiences who might not even know about the BCA yet alone feel confident perusing an archive. This was enough to start digging into wider museum research about Gen Z, what works best for online archives and what the pitfalls are.
A couple of articles that I started with are:
7 THINGS YOUR MUSEUM OR NONPROFIT NEEDS TO KNOW ABOUT GEN Z
Generation Z perceptions about museums quality and E-WOM intentions - The role of technologies on visitor experience
Author’s note: I would always recommend trawling through academia.edu and researchgate.net for contextual studies and methodologies, no matter the project! It might feel like it will take too much time, but it’s always worth it.
The output of this first stage included the following goals and requirements:
Goals
A website that doesn’t look like the usual BCA website (so we don’t need to strictly follow the style for the main site) - “Not too corporate” was a repeated phrase
A website that encourages people to contribute information, share and get in touch with BCA/the curators
Requirements
Each photo should have set information e.g.
ID number
Provenance
Materials made
Estimated date
Curators quote
Specimen information (NB: Information provided might be several paragraphs long)
I also whipped up some wireframes for page layouts and components:
Design
The first stage was creating a visual identity for the microsite. If we wanted something non-corporate, it wasn’t enough just to rely on the images and copy themselves.
Sandra had provided me some photos of objects that might be in the online archive so I used these to quickly create some design approaches. The first was based on the idea of ‘Texture’, trying to bring the same sensation as if you could touch the objects for yourself (you can check the early experiments out on Instagram); the second was based on ‘Pattern and shape’.
To see how this might look in action, I created some mid fidelity page designs using Figma, which were also used for testing out colour schemes:
Upon review, we both agreed that ‘Pattern and shape’ concept was a bit more accessible which led to the next stage...
Testing
Tools like Usability hub are absolutely fabulous for doing lean UX. Once I had the design direction and layouts sorted, I set up a test on usability hub to get people’s feedback - where would they click to find out more information about an object, for example; what do they think of the overall design?
There was a lot of helpful feedback regarding the design such as:
the amount of info shown on e.g. the collections page
the overall layout and design concepts
Obviously the sample is biased as I shared it through my networks on twitter and slack groups, but there were some statements clearly from non-designers which showed one should never underestimate the user, nor overestimate the extent our worries as designers are... more about us than them!
At this point, I had to focus on building the website in Squarespace. I had never created a website using this CMS and I spent a long time getting used to the way it worked, how much could be changed out of the box and what needed bespoke HTML/CSS. It was never as I expected and in fact towards the end I had to reach out to some front end dev friends to solve a particularly thorny section styling issue.
Because I was focused on coding and the brand, I invited a junior UI/UX designer, Ejiro Jude, to help finesse the UI design of the microsite. Together we finessed the layout, thought up some new features and then I worked on making this a reality (or at least, as much as possible). Ejiro did a great job coming up with features that could improve the strategic user experience.
The final concept for the design direction, which used some subtle gradients and patterns. I still kept some of the texture concept by granulating by the backgrounds.
In about two weeks, we had finished the design and most of the website building. Unfortunately fiddling with Squarespace took most of my time so I wasn’t able to add the filter component to the Collections page, (although that is on the list for the next phase of development!). I spent an additional week doing a lot of copy editing, making sure the alt text made sense and also doing last minute urgent tweaks that were required by BCA.
So what did I learn?
This was a really great project as it allowed me to do a bit of everything, from project management with trello and research to product design and development. It was also the first time I’ve worked as a design team lead and I learned a lot about really clarifying what is expected and committing to the way people prefer to communicate. To wrap up the project, I wrote a short report which was shared with the stakeholders, providing a quick overview of key data such as which objects were most viewed.
I’m really excited for the next phase as I’d love to finish the much awaited filter component and also develop some simple interactives. I can’t say that I became an expert Squarespace developer (ha!) but I’m very much the kind of person who hates being defeated and I do want to develop the skills I learned specific to this CMS. Now I’ve figured how it works, I am determined to finish the website as I want it.
Want to see it for yourself? Check out Objects Revealed here.
















