{"id":1053,"date":"2023-11-05T08:29:40","date_gmt":"2023-11-05T08:29:40","guid":{"rendered":"https:\/\/www.gravityjack.com\/?page_id=1053"},"modified":"2024-03-06T21:17:59","modified_gmt":"2024-03-06T21:17:59","slug":"understanding-lymphoma-ar-app","status":"publish","type":"page","link":"https:\/\/www.gravityjack.com\/understanding-lymphoma-ar-app\/","title":{"rendered":"Lymphoma"},"content":{"rendered":"\n
<\/div><\/div>
\n
\n
\n

UNDERSTANDING LYMPHOMA AR APP<\/h1>\n<\/div>\n\n\n\n
<\/div>\n<\/div>\n\n\n\n
\n
\n

As one of the leading non-profit organizations in the country, The Lymphoma Research Foundation wanted to create an app capable of educating users about their fight to end lymphoma cancer through oral medication. The Understanding Lymphoma app does just that by leveraging augmented reality to place a realistic 3D version of a CAR-T Cell (known for its ability to fight cancer) directly in front of users through a variety of AR experiences. One experience places the 3D cell directly in the user\u2019s environment where they can learn about the different parts of the cell through animations. Additionally, they can watch an animated time-lapse of the effects that taking oral medications has on lowering the number of cancerous cells. Lastly, what would an app be without an engaging AR-based game? The app puts users in control as they take on and destroy cancerous cells with a CAR-T Cell in an Asteroids inspired game.<\/p>\n\n\n\n

Thanks to the great work of the Lymphoma Research Foundation and others like them, the fight against lymphoma cancer has come a long way. The development Understanding Lymphoma app shines a light on this by providing additional information to as many people as possible with educational content presented in an engaging way!<\/p>\n<\/div>\n\n\n\n

\n
\n
\n
\n
Client<\/h5>\n\n\n\n

Lymphoma Research Foundation<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Platforms<\/h5>\n\n\n\n
    \n
  • iOS App Development<\/li>\n\n\n\n
  • Android App Development<\/li>\n<\/ul>\n\n\n\n
    \"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n
    <\/div>\n\n\n\n
    \n

    SERVICES<\/h2>\n\n\n\n
    \n
    \n
    Augmented Reality<\/h5>\n\n\n\n

    Place digital experiences within a real-world environment<\/p>\n\n\n\n

    \"\"<\/figure>\n<\/div>\n\n\n\n
    \n
    Mobile App<\/h5>\n\n\n\n

    Deliver dynamic content to customers in new and exciting ways<\/p>\n\n\n\n

    \"\"<\/figure>\n<\/div>\n\n\n\n
    \n
    3D Development<\/h5>\n\n\n\n

    Realistic 3D artwork that can be viewed from any angle.<\/p>\n\n\n\n

    \"\"<\/figure>\n<\/div>\n\n\n\n
    \n
    Custom Animations<\/h5>\n\n\n\n

    Movements and actions that bring 3D artwork to life<\/p>\n\n\n\n

    \"\"<\/figure>\n<\/div>\n\n\n\n
    \n
    Game Development<\/h5>\n\n\n\n

    End-to-end gaming solutions that follow the latest trends and best practices<\/p>\n\n\n\n

    \"\"<\/figure>\n<\/div>\n\n\n\n
    \n
    User Experience Design<\/h5>\n\n\n\n

    Enhancing the user\u2019s overall experience through thoughtful digital designs.<\/p>\n\n\n\n

    \"\"<\/figure>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n
    \n
    \n

    THE GRAVITY JACK PROCESS<\/h2>\n\n\n\n

    To create this project, Gravity Jack worked closely alongside the Lymphoma Research Foundation to discuss and ideate the best AR experiences that will relay their important messages to users. In addition to developing the app, Gravity Jack was responsible for creating 3D models of CAR-T cells, blood cells, and cancerous cells.<\/p>\n<\/div><\/div>\n\n\n\n

    \n

    TIMELINE STAGES<\/h3>\n\n\n\n
    \n
    \n
    \"\"<\/figure>\n\n\n\n

    USER STORIES<\/h4>\n\n\n\n

    Puts us in the shoes of a potential user to make informed decisions about the functionality and flow of the project.<\/p>\n<\/div>\n\n\n\n

    \n
    \"\"<\/figure>\n\n\n\n

    WIREFRAMES<\/h4>\n\n\n\n

    The blueprints of a project that put the design and development teams on the same page prior the development<\/p>\n<\/div>\n\n\n\n

    \n
    \"\"<\/figure>\n\n\n\n

    UI DESIGN<\/h4>\n\n\n\n

    Integrating branding, style guides, and more to give the project cohesive look and feel<\/p>\n<\/div>\n\n\n\n

    \n
    \"\"<\/figure>\n\n\n\n

    DEVELOPMENT<\/h4>\n\n\n\n

    Development begins with the architecture of the project with integration tests help verify that all software is written based on the project requirements<\/p>\n<\/div>\n\n\n\n

    \n
    \"\"<\/figure>\n\n\n\n

    QUALITY ASSURANCE<\/h4>\n\n\n\n

    A test plan is created where the project is tested at each development milestone and again multiple times upon competition to ensure a seamless experience<\/p>\n<\/div>\n\n\n\n

    \n
    \"\"<\/figure>\n\n\n\n

    LAUNCH<\/h4>\n\n\n\n

    Working alongside the client, a process is established to launch the project based on the intended audience. The code is then packaged up and provided to the client!<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n

    <\/div><\/div>
    \n
    \n
    \n

    PROJECT DEVELOPMENT<\/h3>\n\n\n\n

    Traditionally, cancer patients would have to visit a hospital and be hooked up to an IV for their treatments. With new research and advancements, there are now oral medications that can be taken at home. To emphasize the importance of regularly taking these medications, the Lymphoma Research Foundation reached out to Gravity Jack to create a one-of-a-kind mobile experience \u2014 the Understanding Lymphoma app. Featuring three different augmented reality experiences, the Understanding Lymphoma app focuses on the CAR-T Cell which is found in the oral medications that help fight cancerous cells.<\/p>\n\n\n\n

    Experience 1:<\/strong> Places a 3D model of the CAR-T Cell in a user\u2019s environment where they read about the different parts of the cell. When a user taps text to read about the parts, there is an animation on the cell which lets the user know which part they are currently reading about.<\/p>\n\n\n\n

    Experience 2<\/strong>: A 3D animated time-lapse of the positive and negative effects that taking or not taking medication can have on blood cells. In this experience, users watch as CAR-T Cells go into a patient\u2019s bloodstream and take on the cancerous cells. Conversely, the experience shows users the negative effects that can happen if patients do not regularly take the recommended medication.<\/p>\n\n\n\n

    Experience 3:<\/strong>  Not one, but two AR games! In the first game, users are the CAR-T Cell and cancerous cells are coming at them. The objective is to move the cell around the screen and destroy the cancerous cells as they approach. In the second game, the difficulty is picked up as users have healthy cells and cancerous cells moving toward them. Users now have to distinguish between the two and let the healthy ones pass and destroy the cancerous cells. At the end of these games, users are presented with their score showing them how well they did.<\/p>\n<\/div>\n\n\n\n

    \n
    \"\"<\/figure>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n
    \n
    \"\"<\/figure>\n\n\n\n
    <\/div>\n\n\n\n
    \n
    \n

    WIREFRAMES & USER STORIES<\/h3>\n\n\n\n

    To create effective designs, Gravity Jack developed a series of user stories that combined the educational component of the app with the augmented reality functionality.<\/p>\n<\/div>\n\n\n\n

    \n
    User Stories<\/h5>\n\n\n\n

    Puts us in the shoes of a potential user to make informed decisions about the functionality and flow of the project.<\/p>\n\n\n\n

    \"\"<\/figure>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n
    \n
    \n
    \n

    MOBILE DESIGNS<\/h3>\n\n\n\n

    Gravity Jack developed tutorial screens, augmented reality experiences, and additional educational information that can be accessed by both iOS and Android devices.<\/p>\n<\/div>\n\n\n\n

    \n
    Mobile UI\/UX<\/h5>\n\n\n\n

    Complimentary mobile designs that are compatible with numerous mobile devices and operating systems<\/p>\n\n\n\n

    \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
    <\/div>\n\n\n\n
    \n
    \n
    \n\n\n\n
    \"\"\/<\/figure>\n\n\n\n
    \"\"\/<\/figure>\n\n\n\n
    \"\"\/<\/figure>\n\n\n\n
    \"\"\/<\/figure>\n\n\n\n
    \"\"\/<\/figure>\n\n\n\n<\/div>\r\n
    <\/div>\r\n <\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n
    <\/div><\/div>
    \n
    \n
    <\/div>\n\n\n\n
    \n
    \n
    \n