The Shine Hope Company

A tablet screen displaying a website for an organization dedicated to spreading awareness and supporting mental health.

Web design and custom logo design for a non-profit organization redefining perceptions of hope and mental health.

Project Disciplines

01
Research
02
Brand Strategy
03
Graphic Design
04
Web Design
Wireframe and design journey for an organization dedicated to spreading awareness and supporting mental health.
UI web design screens for an organization dedicated to spreading awareness and supporting mental health.
Web design screen for an organization dedicated to spreading awareness and supporting mental health.
Desktop UI design of an organization dedicated to spreading awareness and supporting mental health.
UI Screens in desktop format displaying screens of the website for a company that specializes in promoting hope through workshops.
UI design for an organization dedicated to spreading awareness and supporting mental health.

From Wireframe to Website

ArtVersion crafted a brand-specific design language that would consistently guide the website's UI/UX framework.

The website was to be built from the ground up, and the foundation was conceptually built with a wireframe design. The website was strategically organized to instantly spotlight its mission and purpose on the homepage and truly showcase how hope is measurable. The sequential user journey provided an immersive exploration of the company’s initiatives. This included in-depth web pages dedicated to explaining the scientific research that underscores the power of hope in combating depression. The site information architecture and navigation also outlined the industry sectors that have embraced the Shine Hope cause along with courses about the practices of hope. Many significant pages within the website were solidified in the wireframe for a seamless migration to design and development.   

Ipad screen showing a website of an organization dedicated to spreading awareness and supporting mental health.

Logo Design

The face of any company can be found in its logo, and part of the initiative was to design a bespoke logo to represent The Shine Hope Company fully and authentically. Many logo concepts were methodically designed, each echoing a potent motif synonymous with the organization. Each concept was rich in symbolic resonance, from radiant bursts of sunlight to abstract renditions of sunflowers. The final logo design that was selected, captured their company ethos most with a concept that married two together, an abstract sunflower that also emulated the sun’s rays. The logo embodied the driving force of radiant hope that The Shine Hope Company instills in each of its initiatives.

Color Selections

The color story for the Shine Hope website was an intersection of established brand colors and an introduction of fresh hues. Yellow was the core color of the design language's tone, emulating hope, sunflowers, and radiance. The color palette chosen features shades of bright yellow, a color story that beautifully echoes the company’s mission of hope. The vibrant yellow also serves as a tie-in with their sister companies, invoking a sense of unity and familiarity. The incorporation of the accent shades added visual breaks, while simultaneously creating dynamism to compliment the yellow.  

Sunflower Yellow
#FFC82E
Bright Skies
#32A7D2
Black
#000000
White
#FFFFF

Revitalized Print Materials

While much of The Shine Hope Company’s collateral was completed internally, their team did seek out ArtVersion’s trusted expertise when it came to best practices for optimizing their print collateral. The team advised on Pantone Matching System (PMS) details and the best trajectory for color matching their iconic yellow. This crucial step helps printers specify precise colors for printing projects, thereby ensuring a perfect match with the inks used. ArtVersion assisted in these steps to ensure the richness of the colors was not lost in its transition to print. This guidance proved pivotal in maintaining the authenticity of their newly designed logo when featured on step-and-repeat backdrops, event banners, and an array of other marketing materials, ensuring the Shine Hope Company’s brand image remained consistently vibrant and true.

The construction of a logo design for a Company specializing in promoting hope through workshops and courses.
Drawstring bag design with company logo of an organization dedicated to spreading awareness and supporting mental health.
Mobile devices showing website of an organization dedicated to spreading awareness and supporting mental health.

One of the defining elements of the website’s design is the generous use of imagery and photography that captures the team working together to expand their reach, and imagery of assets with a vibrant, welcoming aesthetic. Ultimately, it presents a digital landscape that captures the crux of the company’s mission, keeping the design both impactful and professional.

Giant yellow sunflower with a hopeful message.
Mobile ui screen of an organization dedicated to spreading awareness and supporting mental health.

Along with the overall website look and feel, the team also incorporated purposeful elements throughout that would further add dynamism. Carefully selected iconography was utilized to break down content sections into clear segments for quick and easy readability. This contrasted nicely against the bold design decisions such as sliders with large text that scrolled horizontally across the screen as the user navigates the page, and animated motions of graphic elements.

Backend Optimization

Built on WordPress, the website was developed for future scalability, incorporating modular plugins and API integrations for easy updates and maintenance. Adhering to security best practices, the development included regular security audits and secure coding practices. Accessibility standards were rigorously applied, making the site inclusive for users of all disabilities, and SEO best practices were integrated from the ground up to boost visibility and user engagement.

Coffee mugs with company logos of an organization dedicated to spreading awareness and supporting mental health.
Desktop screen showing website of an organization dedicated to spreading awareness and supporting mental health.

The Outcome

The collaboration helped increase awareness about the transformative influence of The Shine Hope Company, and the many lives it touches. By helping their team solidify their brand identity, The Shine Hope Company continues to teach the world about combating depression and mental illness through the power of hope.