• Previous Project

    Faceblind Awareness Posters

  • Next Project

    Boingo Wireless Website

  • Cody Thompson

    Menu
      Choose a Page
    • Home
    • Work
    • About
  • Shoot Me a Message

    Send Message

    Thanks for sending me a message. I look forward to reading it, and will get back to you soon.

  • LUNGevity Clinical Trial Finder
  • As one of the largest lung cancer patient advocacy groups in the United States, LUNGevity was looking to create a tool to help lung cancer patients connect to clinical trials utilizing an API that Eli Lilly had built. Tapping into the data of ClinicalTrials.gov through the API, a new experience for matching lung cancer patients to relevant clinical trials was imagined.
  • Executed While Working At Composite Apps
  • Roles
  • Design Direction
  • UX/UI Design
  • Copywriting
  • Front-End Development
  • Product Manager
  • The Challenge

    Composite Apps was engaged by LUNGevity and Eli Lilly to create a website that would allow LUNGevity’s following of patients, nurse navigators, caregivers, and more to quickly and easily find long cancer studies based on specified conditions and other criteria. The project was initiated by three core challenges:

  • Meet phase 1 of the guidelines in the collaboration document provided between Eli Lilly and LUNGevity around matching lung cancer patients to clinical trials.

  • Use the Eli Lilly Clinical Open Innovation API provided to tap into the ClinicalTrials.gov database, and filter in lung cancer clinical trials while being able to match patients to trials via searches.

  • Help people quickly connect to lung cancer studies, discover useful information about the studies they are interested in, and gain a sense of what it would be like to join a study.

  • Initiating Design Through User Research

    Various people play a critical role in the support of a lung cancer patient. Research was performed to better understand who these people were, and how their needs could be met in creating the LUNGevity clinical trials web application. These core user personas were developed early in the process to ensure the site would function for all people involved in supporting lung cancer patients.

  • Architecting the Solution

    The process started by diving into the Lilly COI API to understand all of the various pieces of data that would need to be displayed. In tandem, the experiential flow of the website was planned. With the website’s information architecture plan in place, the data elements from the API were mapped into the information architecture diagram along with other desired application elements.

  • Aiding User Direction Through Copywriting

    With the information architecture plan in place, all of the website’s content was written for each component. Ensuring the content was concise, and that it directed the user through the site way was critical to ensuring users would stay engaged.

  • Layout Ideation & Page Flow Creation

    Various ideas for the page information hierarchy we’re brainstormed through quick sketches. Several ideas were explored via low-fidelity wireframes. With a good sense of how copy, data, and other information would flow into the page, wireframes were digitalized for the various pages of the site, and then put into a flow diagram.

  • Wireframes were pieced together into the final wireframe directions to provide a streamlined experience.




  • Final wireframe directions were mapped out into an experience flow diagram.

  • The Visual Design Direction

    With an information layout plan in place, design was explored. LUNGevity had core brand colors, but the rest of the site design was open to exploration. A friendly and conversational feel was considered when applying typefaces, colors, form fields, and iconography to the design. After several iterations, the website design was finalized.

  • Landing Page

  • About Page

  • Screening Page

  • Trials Page

  • Selected Trial Page

  • Front-End Web Development

    Once a design direction was approved, the web app quickly moved into development. Not only was I in charge of all the various moving pieces of design, but I was also in charge of executing the front-end development of the site.

  • Developed to Be Fully Responsive

    Having access to clinical trial information in clinics, coffee shops, and any particular environment is important. A responsive approach was taken to ensure the developed front-end would display for all users in any location of use (at clinics, home, hospitals, etc).

  • Broken Out to Work with AngularJS

    One core technological challenge was ensuring the front-end would easily adapt to running on AngularJS. I researched how backend and middle-tier code get broken out. Then, I developed accordingly to ensure the front-end could seamlessly tie into all other phases of development.

  • Dev Collaboration & Testing

    As iterations of the middle-tier and back end development were incorporated with the front-end, I led up providing direction and feedback to the development teams, testing the web app, and ensuring the different components of the solution were ready to use. Several feedback documents were created and shared with the team to address needed development changes and design enhancements to ensure the best possible experience was created.

  • The LUNGevity Clinical Trials Finder web app launched once the app development was finished, tested, and approved. I worked directly with the client and a project manager to create various deliverables that resulted in the live web app.

    Visit Web App
  • Web App

  • LUNGevity Clinical Trial Finder

    View Project

  • Web

  • Boingo Wireless Website

    View Project

  • Web

  • Composite Apps Website

    View Project

  • Web App

  • NYSD Courts Web App Redesign

    View Project

  • Web

  • Simply Hired Blog

    View Project

  • Branding

  • Boingo Wireless Rebrand

    View Project

  • Branding

  • Health + Harmony Branding

    View Project

  • Web App

  • Van's Say Cheese!

    View Project

  • Web App

  • SoBe Escape Hour

    View Project

  • Installation

  • Music Typography

    View Project

  • Illustration

  • Keep Climbing

    View Project

  • Branding

  • Logo Designs

    View Project

  • Print

  • Star Studios

    View Project

  • Print

  • Ethical Issues Poster

    View Project

  • Home
  • Work
  • About
  • Connect With Me