Home / Body and Beyond

Mobile App · Android · UX/UI Design & Development

Body and
Beyond

An Android wellness application providing personalised health assessments and tailored recommendations — designed and developed solo, from visual design through to a fully functional native app.

Role

Designer & Developer (Solo)

Type

Android Mobile App

Design Tools

Adobe XD · Photoshop

Tech

Android · GitHub

Body and Beyond app

Objective

Personalised Health for Everyone

Body & Beyond is a wellness application that gives users a personalised health assessment based on simple inputs like height and weight. The app then generates customised recommendations — determining what steps each individual user should take to maintain or improve their health.

A useful, accessible wellness app that meets users where they are — providing real, actionable health guidance based on their personal profile.

As the sole designer and developer, I designed the full UI, built the Android application, and implemented all features — from third-party login to a step counter with midnight scheduler.

My Role

Solo Designer & Developer

Full UI Design in Adobe XD
Graphic Assets in Photoshop
Android Native Development
Navigation Framework & Drawer
Third-party Login (Google & Facebook)
Diet Activity with ScrollView
Step Counter with Midnight Scheduler
Midnight Reset Notification
TabLayout with ViewPager
Fragment Architecture
Progress Bar for Steps
GitHub Version Control

App Screens

Designed for Clarity & Engagement

The UI was built around a clean layout with clear visual hierarchy, progress indicators, and strong calls to action — encouraging users to engage with their health data daily.

Body and Beyond screen 1
Body and Beyond screen 2
Body and Beyond screen 3
Body and Beyond screen 4

Key Features

What the App Does

01

Health Assessment

Users input simple data (height, weight) and receive a personalised health score with recommended next steps tailored to their profile.

02

Diet & Exercise Tabs

TabLayout with ViewPager lets users browse diet and exercise categories through swipeable, fragment-driven screens with rich content.

03

Step Counter

A native step counter with a progress bar on the home screen resets at midnight via a background scheduler — keeping daily goals fresh.

04

Social Login

Third-party login via Google and Facebook reduces sign-up friction and gets users into their health dashboard faster.

Technology

Built Native for Android

The app was built using Android's native framework — chosen to take full advantage of platform capabilities like background schedulers, system notifications, and the native step counter sensor.

Adobe XD Adobe Photoshop Android (Java) Navigation Framework Material Design ViewPager & Fragments Background Scheduler GitHub

Outcome

Result & Takeaways

Body and Beyond demonstrates my ability to own a product end-to-end — from UI design in Adobe XD to a fully functional native Android application. The clean layout, vibrant visuals, and clear calls-to-action contribute to an engaging, user-centric experience that encourages healthy habits.

Building both the design and the code gave me deep insight into how design decisions affect implementation — and vice versa. This cross-disciplinary perspective makes me a more effective collaborator in any product team.

Back to

All Projects
Home

View All Work