THE CHALLENGE
As a new organization, HealthCore did not yet have an established visual identity or digital experience. The project needed to communicate credibility in a healthcare setting without feeling overly institutional, organize complex information for multiple audiences, and create a flexible foundation that could evolve with the organization.
Design objective: Create an approachable, professional identity and a clear digital experience that would help visitors understand HealthCore and find the next step most relevant to them.
BUILDING THE BRAND
Before designing the website, I established a visual identity that balanced credibility with a more human, approachable tone. The logo’s layered forms suggest connection and forward movement, while the blue, red, and neutral palette reinforces trust, clarity, and confidence.
I extended the identity through typography, imagery, graphic elements, and application guidelines so it could function as a cohesive system rather than a collection of one-off assets. Applying those elements across business collateral and digital touchpoints created a consistent foundation for the website and future brand communications.
BUILDING THE USER EXPERIENCE
With the identity established, I mapped the site around the needs of HealthCore’s primary audiences: Health care professionals. Each group arrived with different questions and goals, so the content needed to be easy to navigate without creating separate, disconnected experiences.
I translated those needs into a sitemap, navigation structure, and page hierarchy that prioritized the most important information and calls to action. Defining the information architecture before designing individual screens reduced content overlap, clarified relationships between sections, and created a framework that could grow with the organization.
DESIGNING THE INTERFACE
Once the structure was defined, I developed wireframes to establish page hierarchy, content flow, and consistent interaction patterns. Clear navigation, concise content groupings, and prominent calls to action help visitors understand the Foundation’s work and move easily to the next relevant step.
In the high-fidelity designs, the identity extends across typography, imagery, buttons, cards, navigation, and page templates. A reusable component system creates consistency while allowing layouts to adapt to different content types. Desktop and mobile experiences were designed together to preserve readability, hierarchy, and usability across screen sizes.
BRINGING THE DESIGN TO LIFE
After completing the design phase, I developed the final website, ensuring that the experience translated effectively across desktop and mobile devices. Throughout development, maintaining consistency between the established brand and the implemented interface remained a priority. Careful attention was given to responsive layouts, accessibility, and usability so visitors could easily navigate the site regardless of device.
Building the website myself allowed me to preserve the integrity of the design while refining interactions and visual details throughout the implementation process. This end-to-end involvement strengthened the relationship between strategy, design, and execution.
