Biometric Body Index

BBI App mockups

Instagram-ready images of the BBI app (4:5 portrait), grouped by style. Every set uses the same 9 screens, boys in orange and girls in purple. All names, emails and numbers shown are made-up sample data. Tap any image to see it larger.

Dark style, one phone

9 images

The original ask: all 9 app screens, one phone per image, on black-into-orange (boys) and black-into-purple (girls).

Boys, orange

Dark style, one phone: boys homeboys homeDark style, one phone: boys scanboys scanDark style, one phone: boys testboys testDark style, one phone: boys profileboys profileDark style, one phone: boys calendarboys calendar

Girls, purple

Dark style, one phone: girls homegirls homeDark style, one phone: girls profilegirls profileDark style, one phone: girls scangirls scanDark style, one phone: girls testgirls test

White style, one phone

9 images

The same 9 screens in the light style the client liked.

Boys, orange

White style, one phone: boys homeboys homeWhite style, one phone: boys scanboys scanWhite style, one phone: boys testboys testWhite style, one phone: boys profileboys profileWhite style, one phone: boys calendarboys calendar

Girls, purple

White style, one phone: girls homegirls homeWhite style, one phone: girls profilegirls profileWhite style, one phone: girls scangirls scanWhite style, one phone: girls testgirls test

Two phones, night gym

9 images

Both phones standing in a dark gym with warm lights and a glossy floor. Girls use purple lights.

Boys, orange

Two phones, night gym: boys homeboys homeTwo phones, night gym: boys scanboys scanTwo phones, night gym: boys testboys testTwo phones, night gym: boys profileboys profileTwo phones, night gym: boys calendarboys calendar

Girls, purple

Two phones, night gym: girls homegirls homeTwo phones, night gym: girls profilegirls profileTwo phones, night gym: girls scangirls scanTwo phones, night gym: girls testgirls test

Two phones, orange stage

9 images

Matches the black-to-orange stage ad. Girls use purple.

Boys, orange

Two phones, orange stage: boys homeboys homeTwo phones, orange stage: boys scanboys scanTwo phones, orange stage: boys testboys testTwo phones, orange stage: boys profileboys profileTwo phones, orange stage: boys calendarboys calendar

Girls, purple

Two phones, orange stage: girls homegirls homeTwo phones, orange stage: girls profilegirls profileTwo phones, orange stage: girls scangirls scanTwo phones, orange stage: girls testgirls test

Two phones, white studio

9 images

Matches the white rings studio ad, with dark text.

Boys, orange

Two phones, white studio: boys homeboys homeTwo phones, white studio: boys scanboys scanTwo phones, white studio: boys testboys testTwo phones, white studio: boys profileboys profileTwo phones, white studio: boys calendarboys calendar

Girls, purple

Two phones, white studio: girls homegirls homeTwo phones, white studio: girls profilegirls profileTwo phones, white studio: girls scangirls scanTwo phones, white studio: girls testgirls test

Two phones, warm studio

9 images

Window light, wood table and towel, from the studio photo.

Boys, orange

Two phones, warm studio: boys homeboys homeTwo phones, warm studio: boys scanboys scanTwo phones, warm studio: boys testboys testTwo phones, warm studio: boys profileboys profileTwo phones, warm studio: boys calendarboys calendar

Girls, purple

Two phones, warm studio: girls homegirls homeTwo phones, warm studio: girls profilegirls profileTwo phones, warm studio: girls scangirls scanTwo phones, warm studio: girls testgirls test

Two phones, light reference

9 images

Same two-phone layout as the reference ad, light version.

Boys, orange

Two phones, light reference: boys homeboys homeTwo phones, light reference: boys scanboys scanTwo phones, light reference: boys testboys testTwo phones, light reference: boys profileboys profileTwo phones, light reference: boys calendarboys calendar

Girls, purple

Two phones, light reference: girls homegirls homeTwo phones, light reference: girls profilegirls profileTwo phones, light reference: girls scangirls scanTwo phones, light reference: girls testgirls test

Two phones, dark reference

9 images

Same two-phone layout as the reference ad, dark version.

Boys, orange

Two phones, dark reference: boys homeboys homeTwo phones, dark reference: boys scanboys scanTwo phones, dark reference: boys testboys testTwo phones, dark reference: boys profileboys profileTwo phones, dark reference: boys calendarboys calendar

Girls, purple

Two phones, dark reference: girls homegirls homeTwo phones, dark reference: girls profilegirls profileTwo phones, dark reference: girls scangirls scanTwo phones, dark reference: girls testgirls test

Signature, floating stats

3 images

Two angled phones with floating stat chips: boys, girls and a boys + girls duo.

Boys, orange

Signature, floating stats: boysboys

Girls, purple

Signature, floating stats: girlsgirls
Signature, floating stats: duoduo