CASE STUDY: SLP4i Eval Matrix microsite web design and development
VISIT THE SITE
RELATED ITEMS
CASE STUDY: CMT & AARP Transit Stop Transformation Project
CASE STUDY: SLP4i Eval Matrix microsite web design and development
CASE STUDY: Kaufman Rossin Brand Redesign
CASE STUDY: KBM CryptoPeops NFT Art Collection Project
CASE STUDY: ASCO WIS Report Cover Illustration
CASE STUDY: Sodexo Stop Hunger Foundation dinner project
CASE STUDY: Dallas County Health Data Visualizations
CASE STUDY: CSC Family Guide Project
CASE STUDY: ASCO State of Cancer infographic annual report
CASE STUDY: Faithlife / Logos Bible Software project
CASE STUDY: Jacksonville Skyway 25th Anniversary Train Wrap Design
CASE STUDY: Miami Foundation Our Miami infographic project
THE PROJECT
KarBel Multimedia worked with Strategic Learning Partners for Innovation (SLP4i) to create a microsite for their Eval Matrix.
THE OBJECTIVE
SLP4i wanted to provide access to their resources to help foundations and nonprofits address long-standing inequities within society.
THE SOLUTION
Originally, the solution was to create an interactive and sortable Excel spread sheet to provide to users. After looking over all of the materials and brainstorming with the SLP4i team, we decided that a more comprehensive direction would be better. Not only would we show the matrix of approaches and principles, but we needed to go more in-depth in helping users understand this process. At that point, the standalone interactive idea evolved into producing a microsite.
The microsite is access through a link on SLP4i’s main page. The microsite includes an overview, key principles, focus areas, philosophies and approaches, the eval matrix and additional resources and acknowledgements pages.
Our goal was to create a site where colors and icons were used to brand the topics to aid users in identifying specific topics throughout the website.
The information is layered so users can get as little information, or dig as deep into the information as they wanted.
The Eval Matrix (which is an interactive table) was created in Dreamweaver using HTML and Javascript. This is the main focus of the project. SLP4i still wanted to give users the ability to sort through the information and give them the option to only see the topics that they felt were in their interest. It includes an option to download the matrix info as well.
The microsite pages were created in WordPress. We also embedded smaller interactives created in Adobe Animate to help users navigate through site in various ways.
