CAMPUS POSE
Client Design Project
As a group project for the ENG 411: Visual Rhetoric & Design course, we were tasked with designing documents (including a website, flyers, and Instagram posts) for Campus Pose, a fictitious organization created by our professor for the purpose of the project. Throughout the project, we completed a genre analysis of similar organizations, wireframes, two rounds of user testing, a visual tip sheet, and a final client report with final prototypes of all designs.
As the designated project manager of the team, I contributed to design and user testing as well as keeping the project as a whole organized and on track for successful completion.
Tools used: Figma, Canva, Basecamp
genre analysis
Campus Pose was introduced to us as a yoga, wellness, and mindfulness organization attempting to push the traditional boundaries of yoga practices to resonate with all college students. Their organization was based on providing college students who do not know much about yoga with ways to practice it and therefore improve their health and well-being without requiring them to be experts. Having no preexisting branding guidelines, slogans, copy, etc., we were instructed to create and design brand resources and a website mockup that aligned with this mission.
To begin, we completed a genre analysis of similar, preexisting organizations. We focused our efforts on organizations that aim to deliver yoga practices to communities that may not have easy access to them and were able to draw recommendations (both visual and functional) and conventions from each of them.
We focused on these main takeaways:
-
The most successful organizations and designs centered on diversity, showing that yoga can be accessible to all through visuals and copy.
-
Successful organizations also steered away from traditional yoga imagery, further emphasizing accessibility to all.
-
As non-profit organizations, many provided numerical evidence and metrics that showed success and drew people in to donate.
-
Many successful organizations focused pages (i.e., "about" pages, blogs, etc.) on education about the benefits of yoga and mindfulness.
wireframes
For the next stage of the website, we created lo-fi paper wireframes to visualize our design and determine where specific information should be. On the paper, we used sticky notes to be able to move things around and find the best layout for the organization's needs.
UX testing - phase 1
In phase one of our user testing, we used our lo-fi wireframes for the website and drafts of our flyers and Instagram posts to get user perspectives on the design and usability of the documents. Our questions focused on two main considerations: 1) how well the design aligns with Campus Pose's mission, and 2) how usable the website and flyers are to learn about Campus Pose's mission, events, and more.
From this phase, we made the following changes:
-
Improving the path to the donation page to encourage donations for the non-profit organization
-
Renaming the "Locations" tab to "Pose with Us" to improve brand voice
-
Utilizing image carousels to promote community and accessibility for users who want to engage with the organization
-
Improving copy on flyers and social posts to increase brand awareness and draw more obvious connections to Campus Pose events
UX testing - phase 2
In phase two of our user testing, we utilized hi-fi wireframes for the website and redesigned flyers and social posts to gain more user perspectives after our first stage of improvements. These hi-fi wireframes featured web and mobile examples of the website layout.
By this stage, user feedback was overwhelmingly positive. However, one large change we made after this stage was to the color scheme—switching from a blue and purple scheme that felt "too feminine" according to users to a more neutral green color scheme. This change more accurately reflected Campus Pose's goal of accessibility and yoga for all.
final prototypes - flyers
These four flyers, designed to promote Campus Pose events, were designed in Figma and align with the final visual guidelines we designed for the organization.
final prototypes - website
These final mockups, created in Figma, represent our final design of Campus Pose's website on desktop and mobile after two rounds of user testing.
final client deliverables
Along with our final mockups, the project required us to create a visual branding guide, or tip sheet, and a client report for use by Campus Pose for future designs and documents. To view those deliverables, please click the buttons below.