ImmunoGenomics
Delivering an authentic brand and technology platform that connects cancer patients to life-saving resources.
Services
Brand Identity · Digital Strategy · UX Website Design · Website Development · Marketing Creatives · Maintenance Hosting
Technology
Custom Drupal CMS Build
The Startup Problem
A San Francisco-based startup, led by oncologists specializing in immunology and genetics, had a bold vision: to bridge the gap between patients and personalized cancer treatments. But they faced a major hurdle—no brand, no web presence, and no clear direction. They were relying on traditional medical referrals at their clinic, limiting their impact.
Increased referrals.
Facilitated accessibility to life-saving patient resources.
Our Approach
Discovery
We collaborated closely with the startup’s leadership, including oncologists, subject matter experts, and even patients. Through in-person and remote workshops, we uncovered their mission, defined user needs, and created a roadmap for success.
What is the purpose?
Why are we doing this?
Who are the design users?
What is the problem / need?
This research informed a detailed project brief, laying the foundation for the design and development phases.
Learn more about how to get started with out discovery workshops.
Creating an Authentic Brand
GrahamAgency applied and adapted to what was required to achieve the branding demands of a startup.
Brainstorming and Collaboration
As to understand more about the symbols that represent the science we conducted multiple branding brainstorm meetings.
In addition, we directed content creators on what content to develop and how to narrate a compelling story from the perspective of the product users.
Logo and Styles
Brand Narratives
We delivered an entire brand from scratch that is a bold symbol of the company, industry, science, and founders. Through voicing values, and patient and doctor stories we were able to convey authenticity.
Design Thinking
GrahamAgency followed design thinking methodologies and detailed every step of the user experience. We defined the product users with personas and created low fidelity designs such as wireframes, site maps and flow charts. As the design progressed we built up the fidelity applying the aesthetics.
Empathizing with Users
Our research identified 5 types of users. These included cancer patients, caregivers, person wanting information to avoid cancer, doctors wanting medical resources, and doctors wanting to join network.
As a cancer patient,
I want to seek a second opinion on my diagnosis and treatment options so that I can make informed decisions about my health.
Workflows and Wireframes
Separating aesthetics from site structure.
We produced workflows that defined how a patient would be serviced and wireframes that defined site structure such as pages, navigation, layout, components, elements, blocks, images, media, views, forms and their attributes, content word count, and teaser blocks.
We start the design phase by focusing on objects, flows, user journeys and functionality rather than aesthetics
We design with Information Architecture IA in mind
Due to GrahamAgency building the end design we understand Information architecture IA and how to design for development. For example, consistency with the different pages (landing pages vs articles) and making sure we maintain reusable components within each. In addition, we understand views and how to take specific fields from content types and create teaser blocks that eliminate site redundancy.
Low to High Fidelity Detailed Designs
We wanted to create a refreshing minimalist and clean UI that conveyed trust and authenticity. As the project progressed the design fidelity increased and functionality expanded. These continual iterations then become the user interface design.
Throughout all stages of the design we created interactive prototypes that enabled us to gather feedback from the client and other departments. This gave everyone the opportunity to interact with the design and make comments.
End-to-end delivery: Website Build
We delivered the product through all stages of research, design and engineering.
GrahamAgency built the design in a custom Drupal 8 CMS website following best coding and development practices all in-house agency standards. In addition, we hosted and provided security updates and monitoring.
Drupal CMS
Custom build in Drupal 8
Managed Hosting
User Testing Environment (UAT) and Production
Infrastructure Management
Security updates and database monitoring.
Communicating the brands identity across all content including video
We assisted post-production editors in incorporating brand narratives that aligned with the brand messaging and values by providing content overlays and creatives for videos.
As a result, GrahamAgency assisted in developing a heart moving catalogue of videos, strengthening the company's authenticity and patient trust.
Setting up marketing platforms, tools and analytics
As to set the client up entirely with marketing tools ready to go, GrahamAgency created newsletter subscription lists linked to the website, marketing platforms consistent with their branding, and analytical tools to monitor website traffic.
Newsletter Subscriptions
GrahamAgency created subscription forms of the website linked to a mailing list that allowed the client to start broacasting marketiing emails.
Social Media
We setup all social media marketing platforms consistent with brand colors, styles, and narratives.
Analytics
GrahamAgency linked marketing analytical tools to the website. Allowing our client to monitor website traffic, engagements, campaigns, and ROI.
It's not about the amount of followers, it's quality and relevance that matters.
In summary GrahamAgency delivered the client an end-to-end product solution
We delivered an authentic brand that is a bold symbol of the company, industry, science, and founders.
In addition, we collaborated with business teams and leadership throughout all stages of the design prototyping and presenting.
Furthermore, we delivered a user experience that solved the needs of the users by following user centered design UCD methodologies.
Lastly, we delivered the product using Drupal CMS with advanced customizations and best practices.
Let's build something great
Ready to unleash your business vision?