Anyone Collective was doing great work, but their website used a template that lacked flexibility and uniqueness. Additionally, they had no way to tag or browse work by category, leaving potential clients unclear about their breadth of services and sizes of project scope.
They needed a new strategy and vision for their website that matched the dynamism and boldness of their work, while adding features and functionality that encourage easy exploration for site visitors.
Starting with a site map and content plan, I designed a modular site that would allow for dynamic storytelling and the ability to scale over time.
Anyone Collective's previous web template felt static, with single-width images and little typographic flexibility. Additionally, they had no way to browse work by category, leading potential clients unclear about their breadth of services.
The work landing page design needed to feel dynamic impact, but also needed to better reflected the larger scopes of their work. My solution was an asymmetrical thumbnail grid that allowed images to shine with hover states that provided detail and project categories that were filterable at the top of the page. This allowed for a clean user experience that encouraged exploration.
The new case study page designs followed the streamlined feel of the rest of the site, with details like project credits expandable for those interested in more information.
The image blocks allowed for several sizes and layouts agains large typographic metrics that allowed Anyone to amplify their successes through basic data.
While the MVP launch focused on practical portfolio and services pages, the agency team had aspirations to start a blog. They wanted the opportunity to tell a variety of stories simply, from sharing project successes and announcement to sharing industry insights to amplifying work they loved.
The news page was designed as a dynamic masonry grid that borrowed from the visual-forward strategy of the rest of the site with a tad more detail for articles. The blog pages were stripped back and simple, designed to get out thoughts quickly and informally while providing dynamic image layouts that would create visual breaks between text.