RESPONSIBILITIES
Creative Direction
Digital design system
UX/UI
iOS
Android
Strategy
Design Thinking
Osteoporosis is a medical condition characterised by weakening of the bones, making them fragile and susceptible to fractures. It occurs when the body loses too much bone, makes too little bone, or both. This imbalance leads to a decrease in bone density and strength, making bones more porous and prone to breaking even with minor stress or trauma. Osteoporosis often develops silently over years, with no noticeable symptoms until a fracture occurs, typically in the spine, hip, or wrist.
Prolia is a medication used to treat osteoporosis and bone loss in individuals at high risk of fractures. Prolia helps to decrease bone resorption and increase bone density, thereby reducing the risk of fractures.
INTRODUCTION
Digital revamp. Boost engagement
The need for a digital revamp was needed to help deliver and modernise the website with a fresh approach to the design. This was to help draw traction through the use of visual elements to help users invest into the product. Furthermore there was a need to give a modern touch and move away from the dated look of the interface.
Illustrations were added to the designs to provide a emphasise a personalised and customised feel to the design. The illustrations create a sense of warmth and playful element to the design. They behave as positive reinforcements to hopefully evade the old clinical feel and increase engagement from our customers.
UI Component library
The introduction of my new UI component instills a sense of airiness and positivity into user interaction. The library has been designed to create a fresh, inviting, and tailored to each user. The interface exudes a sense of lightness, gracefully guiding users through their journey with a personalised touch. By seamlessly integrating user-centric design principles, every interaction becomes an opportunity for connection, fostering a sense of belonging and empowerment. This newfound harmony between form and function not only enhances the user experience but also cultivates lasting impressions, setting a new standard for digital engagement.
Wireframes were implemented for multiple purposes to help connect the site's information architecture to its visual design by showing paths between pages. It was also to help clarify consistent ways for displaying particular types of information on the user interface.
