Revamping share’s online presence and user experience with new CMS components
In this project I was the UX/UI designer alongside a share product manager. Together, we collaborated with a digital agency, involving a product manager, two UX/UI designers, and two web developers, forming an integrated team for the project. Three UX/UI desginers, Two product manager, Two developers.
share needed to revamp its outdated website, transforming it into a dynamic platform to engage users with varying interests, from social impact to environmental issues.
A motivation to transform the nature of the website content to better reflect the brand’s vision and mission, created a gap between content quality and the status quo look and feel.
Furthermore, the current rigid technical setup did not facilitate the goal of being a social impact hub, as it was not content writer-friendly.
We wanted to build a comprehensive new style guide that would better bridge the gap between the high quality content and the website’s UI, and that would commmunicate better the brand’s vision.
We also needed to create a scalable and consistent framework that would cut the middle men in content implementation into the webiste, and offer modularity that still takes good hierarchy and harmony into consideration.
- Share users prioritize transparency regarding share's activities and mission.
Users demonstrate a desire and intent to educate themselves about social impact.
Share customers exhibit a preference for engaging in reading and information consumption over direct purchasing.
- Customers seek to make a positive impact with minimal effort.
Our guiding principals
Scalability and ease
It was essential to facilitate content contribution by non-design team members while adhering to brand guidelines.
Transparency and playfulness
Providing a clear, upfront presentation of the brand's mission was essential to not only be reflected in content but also to resonate in the look and feel of the website.
Educational yet digestible
Facilitating a deeper understanding of social impact issues in a simple and easy-to-read editorial format.
Our challenge was to create the entire website, which also needed to accommodate future features.
We conducted interviews with prospective departments that would utilize the website for building landing pages and magazine articles. From those we were able to gain insights into their specific use cases.
This allowed us to map the scope of the project and informed the design system solution, which included a set of 20 modular components.
Here are some examples of articles and landing pages that are built by non-designers marketing teams
This project provided me with the chance to oversee two facets of the user experience. On one side, catering for the needs of content contributors, and on the other, meeting those for site visitors. Through this challenge I learned to make design tradeoffs for overall usability. This project also introduced a distinctive challenge of modularity, requiring consideration not only of a linear experience but also the evaluation of an almost infinite array of compositions and hierarchies.