Carolina Arai

RxtoMe Website Redesign

Product Design | UI Design

RxtoMe is a mobile app that allows patients with chronic diseases to refill their prescriptions and get them delivered to their home. 

Computer with REW Case studies user interface.

Project Details

My Role: UI Designer

Client: RxtoMe

Team: Daryna Dvirna

Duration: 1.5 months

Tools: Adobe XD, Illustrator, Photoshop, WordPress

Problem

The mobile app is constantly being updated and tested and the RxtoMe website no longer suits the product. The website design must be modified to match the user interface and it must include the new product features of the RxtoMe latest version of the app.

Objective

The main goal of this project was to add the new features that have been implemented in the mobile app, and to refresh the style of the website to reflect the new user interface of the mobile app

Target Audience

The main audience for the RxtoMe mobile app is chronic patients that need to be refilling prescriptions continually or caretakers of these patients. The users are located in the US. It is women and men, mostly over 35 years old.  

Previous RxtoMe Website

The RxtoMe website was last updated in 2017. It was based on the first features of the RxtoMe app. The client wanted a photography website rather than an illustration based design. 

Rxtome 2017 Website

Discovery

New Proposed Website Features

Proposed Hierarchy

  1. Header
    1. RxtoMe Brings the Pharmacy to You
      The app that helps you adhere to your medications
    2. CTA
  • Video
  1. How it works
    1. You Order
    2. We Deliver
  • You Earn
  1. Track your health
    1. Diabetes: Blood glucose
    2. High blood pressure
  • TBD
  1. Earn Cash back rewards
  2. Why choose RxtoMe?

Order from your phone
Manage your medications
Track your health conditions
Free delivery of your medications
Earn cashback rewards

  1. FAQs
  2. CTA
  3. Footer

 

  1. Features
    1. Insurance Wallet
    2. Trackers
    3. Calendar
    4. Reminders
    5. Chat
    6. Weekly Score
    7. Cashback Rate
    8. Pharmacy Transfer
    9. Mobile Orders
  2. Contact Us
  3. Log In
  4. Terms of Use
  5. Privacy Policy
  6. HIPPA
  7. For Pharmacies
  8. Articles for Pharmacies
  9. Footer
    1. FAQs
    2. Features
    3. Blog
    4. Contact Us
    5. Log In
    6. Terms of Use
    7. Privacy Policy
    8. HiPPA
    9. For Pharmacies
    10. Articles for Pharmacies

Wireframes

These were created in Balsamiq Mockups

Medium Fidelity Wireframes of Homepage
Medium Fidelity Wireframes of FAQs
Medium Fidelity Wireframes of Contact Us

Iteration

Photo Manipulation

Motion Graphics

This is the motion graphics I created to show what RxtoMe main feature, free medication delivery.

Illustration Redesign

These are the new illustrations proposed for the website.

Icon Redesign

These are the new icons that represent the new features of the app.

Prototype

High Fidelity Prototype

Below is the high fidelity mockup created in Adobe XD. It was used for testing, using InVision App where I created a mobile and a desktop prototype.

Test Mobile
Test Desktop