Product Designer
2017.12 ~ 2018.2
Website Design, Behavioral Health Brand Strategy, Design System
The Scattergood Foundation is an non-profit organization focusing on behavioral health and philanthropy. The current Scattergood website was built few years ago. As the foundation grows, the old website is no longer presents their current value and strategy. One major change to the strategy is that their work is divided into three buckets: Think, Do, Support.
Thought leadership projects, including policy publications and behavioral health research papers. Target towards legislators, fundraisers, and decision makers in partner organizations.
Build credibility of the foundation as a thought leader and catalyst for change.
Projects related to advocacy and outreach, delivering technical assistance , capacity building, and consulting for organizations looking for expertise in the field of behavioral health.
Educate and build capacity with nonprofits, philanthropy, academic institutions, and decision makers.
Projects related to grant making. Scattergood is investing in organizations who are innovative in finding solutions in the field of behavioral health.
Grow the foundation’s portfolio of innovative solutions for mental and behavioral health.
BBR Foundation's divides its work into two fields: research and grant making. The information architecture can be a good inspiration for displaying Scattergood's work domains: research, consulting and grant making.
RWJ Foundation's is very user friendly for grantees with its easy navigation, clear funding preferences and guidelines. However, their partnership, the outcome of their work is not addressed on the website.
CWF organizes contents by topic. It is powerful when the main audience come to the site to seek thought leadership information, new trend and topic in the field and recent research findings.
The research work is very data driven and well-represented on the website. Content also organized by topic. However, there is no actionable steps to bridge the gap between experts and policy influencer.
The Scattergood Foundation values its partners and hopes to use their website as a place to recognize their partner and attract more potential partners. As a result, the stakeholders of this project are different partner groups that has different needs when come to the website.
“We do a lot of work beyond just grant making, but it’s not shown on the website.”
“I can’t find examples easily on the website to share to people when promoting Scattergood. So I need to write tons of emails to people.”
“There’s a gap between behavioral health and philanthroaphy. Scattergood’s depth of expertise is able to fill the gap.”
“Not sure what information is important on their current website.”
“Our work with Scattergood is not reflected on the website. Would like our content to be promoted more.”
“I would like to be able to learn more about Scattergood website before considering a partnership.”
“I am not sure want types of grantees Scattergood want to fund and who have they funded.”
“I rarely update blog on Scattergood’s website. But if I know that people is paying attention to it, I would do it more frequently.”
“Our work with Scattergood is not reflected on the website. Would like our content to be promoted more.”
“I would like to be able to learn more about Scattergood website before considering a partnership.”
“I am not sure want types of grantees Scattergood want to fund and who have they funded.”
“I rarely update blog on Scattergood’s website. But if I know that people is paying attention to it, I would do it more frequently.”
The three channels "Publication", "Blog" and "Insight Feed"enables Scattergood to output thought leadership in different forms and with different level of effort.
The in-depth case studies will provide potential partners with examples of Scattergood's process and expertise and also showcase the organization's influence.
The support section not only provides a clear and actionable guideline for grantees and award participants, but also provide the community with a growing idea hub for the innovation and revolution in behavioral health field.
Showing the experiences and expertise of the staff members will help potential partners to understand and recognize Scattergood. Showing the partnership will help build the network among the behavioral health community.
Use Think/Do/Support as the basic framework for the website.
Ways to display different types of information on the site.
How user search on the global level and on the publication/article/project level.
How users can get involved with Scattergood: contact form, redirect and meeting scheduling.
An outline of the back-end data structure.
Interaction details including: extreme status, empty status, hover status and animations.
The visual language of the website.
Design system including widget, component and responsiveness.
CMS requirement.
Visual guideline and imagery direction.
Three levels of thought leadership from research paper to blog and social media feed.
Showcase Scattergood's Capacity building and consulting projects.
Guideline to Scattergood's support mechanisms and a hub for innovative ideas in behavioral health.
Scattergood's identity and network.
