CASE STUDY

Cellulacrum Cancer Community Platform Landing Page

UX Cabin designed and built a landing page for the first platform that connects researchers, artists, and supporters to create a supportive, strength-based community in the fight against cancer.

UI/UX Design

Landing Page

Healthcare

💻 Landing Page Design

Cellulacrum aimed for a clear landing page that showcases their features and brand well.

♾ Logo Design

UX Cabin collaborated closely with the brand to understand its values, mission, and audience, creating the Cellulacrum logo.

🤝 Developer Handoff

Provided the developer with annotated designs and specs for a smooth handoff, ensuring UI elements are implemented seamlessly.

Overview

Cellulacrum is a specialized software platform aimed at connecting biology researchers and enthusiasts, as well as individuals with personal connections to cancer.

‍

Background

Fran Nederlof from Qi Biotech collaborated with UX Cabin to create a social media platform connecting researchers with biology lovers, art enthusiasts, and cancer survivors, starting with a landing page to gauge interest before launching an interactive app featuring sequencer videos and captions that share biological stories and personal experiences.

‍

"Working with UX Cabin was fantastic; they turned our ideas into a landing page that beautifully blends art and science to showcase Cellulacrum’s vision.”

Fran Nederlof

Founder, Cellulacrum

‍

Goals and Objectives

Design an engaging landing page to introduce Cellulacrum’s platform and captivate visitors’ attention immediately.
Showcase Cellulacrum’s core features—digital gallery, storytelling captions, and user-generated content—in an accessible, visually compelling format.
Drive sign-ups by clearly communicating the app's purpose and value, aiming to connect with biology enthusiasts, art lovers, and individuals with personal ties to cancer.

‍

‍

Design Process

UX Cabin worked with the Qi Tissue team to identify key needs and challenges, creating wireframes and high-fidelity mockups with a clean, modern design. The iterative process led to a visually appealing landing page, ready for developer handoff.

‍

Branding Questionnaire and Logo Explorations

To establish Cellulacrum’s visual identity, we refined Cellulacrum’s brand values and visual identity through a branding questionnaire and logo exploration, creating a design that merges science, art, and storytelling.

‍

‍

Moodboard and Competitor Analysis

We began by developing a moodboard that captured the aesthetic Cellulacrum sought to embody, drawing inspiration from leading science and art platforms. A competitor analysis further refined our approach, helping us identify best practices for user engagement and effective storytelling on landing pages.

‍

‍

Wireframe Iterations

Multiple wireframe iterations were crafted to map out the landing page’s structure, focusing on layout clarity, visual hierarchy, and content flow. Each iteration brought us closer to an intuitive design that highlights Cellulacrum’s unique features while guiding users naturally toward sign-ups.

‍

‍

Hi-Fidelity Mockups

With the structure solidified, we designed high-fidelity mockups that brought the visual elements to life, incorporating branding elements from the moodboard and color schemes that evoke the platform’s scientific and emotional focus.

‍

‍

Design Handoff

Once finalized, the high-fidelity mockups and a detailed style guide were handed off to developers, ensuring that each visual and interactive detail was precisely translated into the live landing page.

‍

‍

Results

The landing page design was a success reflecting the brand and storytelling-focused design.

‍

Table of contents