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.