Dialogue on Science, Ethics & Religion
PROJECT TYPE
Web Design
ROLE
Lead Visual + UX Designer
PART 01: WIREFRAMES
To begin the UX phase of the project, we conducted a fully virtual project kickoff workshop with a team of key stakeholders Dialogue on Science, Ethics and Religion (DoSER). We documented goals and audiences for the project, and lead an interactive activity to narrow down key brand attributes. Next, our team conducted a series of stakeholder interviews to gain further understanding of the DoSER team’s desires and pain points for the site. We channeled this discovery into a new IA and wireframe system that placed much greater emphasis on their resource library, focusing our efforts on making it easy to navigate and save resources.
PART 02: ELEMENT COLLAGES
The DoSER team wanted to take their website redesign as an opportunity to establish a sense of visual identity, which they had never really established beyond their logo. In order to make the most of our creative kickoff workshop, we thought we ought to look at some work, rather than just talk about it. We opted to create two different sets of “element collages” to show them two different visual directions. These are somewhere in between a moodboard and a full web mockup in terms of their fidelity – think of them like little snapshots of a web experience.
PART 02: WEB MOCKUPS
Scientific and religious communities share a common reverence and respect for the natural world. The minimal, dark look that the client gravitated towards in the element collage phase not only allows their copious video content to shine; it puts the beauty of nature at the forefront of the experience. The final web experience is clean and editorial, and keeps the goal of elevating resources top of mind.
The homepage hero experience greets the user with a fullscreen, automatically advancing video slider showcasing DoSer’s recent video content. The slider is fully accessible, with a “pause animations” button in the top lefthand corner.
