Designing and ideating a Government page for OneSpring’s existing website to better showcase their past performances, capabilities, contract vehicles, and thought leadership for potential partners and government contractors.
Adobe XD
Miro
Adobe Illustrator
Adobe Photoshop
Nina Grauer
David Bieschke
Richard Tran
As a UX/UI designer, I led the design, wireframing, visual design, information architecture, prototyping, and testing. I also took part in the discovery and user research process.
Our team was given three weeks to research, synthesize, and test this concept to present to potential stakeholders.
OneSpring is a design agency based out of Georgia. They focus on both commercial and Government work, and are looking to win more Government contracts. OneSpring values a service mentality, growth mindset, shared wisdom and proactivity.
OneSpring needs to add a Government Page to their website because they currently don’t have one to showcase their capabilities for potential partners.
We believe the creation of a well-structured “one-stop-shop” section of OneSpring.net that is focused on capabilities, past performance, and thought leadership will enhance marketability and exposure to OneSpring’s desired audiences.
OneSpring needs an online presence for partners and stakeholders focused on Federal Government contracting so that they can effectively show capabilities, past performance, and contract vehicles to visiting audiences.
We began user testing with the original site, but quickly realized that our pool of users weren’t going to give us the informed information we needed to move forward.
We quickly realized we needed to switch gears and change from an Agile Design method to a Lean UX Design approach to reach our clients goals.
We compared OneSpring’s competitors to analyze what other companies were showcasing on their government pages.
With a Lean UX Approach, we started with ideation right away. Our first step in the process was conducting a non-traditional card sort that we called “The Hamburger”. Users created their own Government Page with elements from other competitors websites. This activity helped us to figure out the information architecture and flow of the page.
From our card sort, we learned what content needed to be included on the Government page including:
Our team took our sketches and turned them into low-fi wireframes, mapping out the hierarchy of the content and composition of the elements.
After receiving affirmation on the low-fi wireframes, we continued iderating, creating a mid-fi wireframe and prototype.
Feedback:
Our main focus on iteration 2 was the anchor bar. We provided a few different options to our client to clarify their design direction. Our team found that by providing numerous options, we were able to move forward faster and more efficiently through our design process.
Accessibility was a major factor and consideration throughout our design process. With accessibility in mind, we had many iterations finding the right blue to contrast with the charcoal background and also have enough contrast with white text on top.
Finally, after what seemed to be fifty shades of blue, we were able to find the right one! It is AA compliant with both white and gray, and it still maintains OneSpring’s signature look.
In our current state, we iterated on the position of the globe, so the audience will read the text left to right. We added a video for additional support on why a Partner should choose OneSpring, and we added a testimonial after our research proved that a testimonial builds trust with Partners.
With many possible small tweaks for the Government page, additional testing is needed
Address issues raised in accessibility audit to get as close to AAA compliance as possible while
maintaining branding
Implement suggestions made on prototype of career page
Go through all copy on the site and see if there are any areas that should be reworked or re-worded
