Justice Cream Website Development: Designing an online storefront and platform

Develop for Good is an intercollegiate technology/design organization that aims to generate social good by providing web app and development services with non-profits. Some of our most notable partners include UNICEF, the World Bank, the Nature Conservancy and the World Health Organization. Check us out at https://www.developforgood.org/!

Project Summary

The end goal of this project is delivering a website for the organization of Justice Cream. Our team utilized design thinking to structure our approach of creating the website and providing the most optimal solution for Justice Cream. Through extensive user research, our team was able to identify the main problem that needed to be addressed while designing the new site. On another note, Competitive Analysis allowed us to extract key design takeaways and principles to apply during the early stages of wireframing and prototyping. To reinforce the organization’s identity, our team generated a style guide to increase brand awareness throughout all page layouts/designs. In addition to the style guides, we created moodboards to capture the look and feel the website should give off towards its visitors. After wireframing and analyzing feedback, our team transferred our designs to the CMS platform, Wix.com, to further iterate our designs through the browser.

The Team

Andy Griffin

Daniel Han

Adriana Valencia

Connie Lam

Emily Zheng

Fiona Wong

Lianna Kishi

Nina Oria-Loureiro

The Challenge

One of the main challenges our team faced was the limitations on fidelity of our prototype in Figma. Since the website would be hosted on Wix, we did not want to make our prototypes on Figma too high-fidelity since some design elements would not be able to transfer smoothly to the CMS platform. Although Wix allows customizability to a certain degree, many of its components and its editor are fixed and inflexible.

Another challenge our team encountered was ensuring that the Justice Cream website represented the organization’s objectives. The purpose of the website is to direct traffic towards donations, learn more about Justice Cream and their organizational mission and values, and increase sales of their ice cream, in that respective order. We needed to approach designing this website not only through the perspective of a dessert shop, but also through the lens of social impact and justice.

Solution

The primary approach that drove our team towards the solution, a newly designed website, for Justice Cream was heavily influenced by the human-centered design process. Through empathizing with the intended target audience, we were able to not only serve the objectives of the non-profit organization but also design the website to serve the needs of the personas constructed during our user research. The website mainly features many pages in which site-visitors can learn more about Justice Cream and their background, easily accessible donation CTAs to support the organization’s mission, and an “Ice Cream Shop” in which customers can buy ice cream and learn more about the partnered organizations associated with each flavor. There are many more features like the events, press and merchandise section that complete the website, but the ones mentioned prior are the features that address the projects main objectives. Visit the site: here.

Impact

The two main groups this project will impact is Justice Cream and their partner organizations. The success metrics of this project will be calculated many months after the completion of this project through a significant increase in conversion rates and more organization supporters/volunteers. Another valuable metric to inspect would be the amount of followers Justice cream receives that are directly influenced by the new website.

--

--

--

Volunteer students and recent graduates creating digital tools for nonprofit organizations.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

A Year in Side Projects

Research For, About and Through Design.

5 Types of Laminates | Best Types of Laminates For Kitchen | Laminate Types With Uses | Types of…

5 Types of Laminates | Best Types of Laminates For Kitchen | Laminate Types With Uses | Types of Sunmica

Life Looks Good When You Shop at Havertys

Video Prototype Process Blog

KNET: Incremental improvements to meet the user needs

Pin That Shit: Design Week PDX 2017

Behind the Scenes: What happened in October? — SkillMe

image

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Develop for Good

Develop for Good

Volunteer students and recent graduates creating digital tools for nonprofit organizations.

More from Medium

How to fix app crashing when using the showFloatWindow API on Huawei devices running EMUI before…

Introducing The Jargonator

NFC Playoff Preview

A Stressful Game: 49ers vs Rams in Week 18