Back to Cases
#arrow-left

Unibrix

Engineering / Knowledge Base

#menu

Cases / Social Commerce / SocialAF

BLOG_ARCHIVE

#logo
#close
Start building now
#arrow-right
Get in touch
#envelope
LET'S BUILD

Ready to start your project?

Tell us about your challenge. We'll engineer a solution that scales with precision.

#envelope
EMAIL
contact@unibrix.io
#calendar
SCHEDULE
Book a 30-min consultation
We typically respond within 24 hours
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Close
PROJECT OVERVIEW

SocialAF

[ SOCIAL COMMERCE PLATFORM ]

DESIGN AND DEVELOPMENT OF A MOBILE SOCIAL COMMERCE PLATFORM WHERE USERS DISCOVER PRODUCTS THROUGH VIDEO CONTENT AND SHOP TOGETHER WITH FRIENDS

CATEGORY
Social Commerce / Mobile Platform
TIMELINE
2023
SCOPE
Mobile product development
STATUS
● DELIVERED
SERVICES PROVIDED
#heap
Product Design
#mobile
Mobile Development
#person
UX/UI Design
Hand holding a smartphone displaying SocialAF app with options to Become a member or Log In.
01
STEP 01 — Project overview

Assembly Requirements

MODULE INVENTORY (5 COMPONENTS)

SocialAF is a social commerce mobile platform that blends social media interaction with online shopping.

The application enables users to discover products through short-form videos, interact with creators and brands, and purchase products directly inside the platform.

A key innovation of the platform is collaborative shopping. Users can create or join clubs where friends shop together, select products from the same brands, and complete purchases collectively.

Primary focus
#dot
Video-first product discovery
#dot
Social interaction and community engagement
#dot
Collaborative purchasing with friends
#dot
Seamless mobile shopping flow
What we delivered
#dot
Social video commerce platform
#dot
Shoppable video interface
#dot
Club-based group shopping functionality
#dot
Product catalog and browsing system
#dot
Collaborative cart and checkout flow
#dot
User profiles and social interaction features
02
STEP 02 — CHALLENGES IDENTIFIED

Assembly Requirements

MODULE INVENTORY (5 COMPONENTS)
REQUIRED CAPABILITIES
A
#checked
VIDEO-BASED PRODUCT DISCOVERY
Users needed a natural and engaging way to explore products through video content rather than traditional product listings.
B
#checked
SOCIAL SHOPPING EXPERIENCE
The platform required mechanisms allowing friends to interact, share products, and participate in purchases together.
C
#checked
GROUP PURCHASE FLOW
The system needed to support collaborative purchasing where multiple users contribute to a shared cart.
03
STEP 03 — ASSEMBLY PROCESS

6 COMPONENTS

MODULE INVENTORY
MODULE 3.1
● CONTENT-DRIVEN SHOPPING

The platform includes a vertical video feed where users can browse product-related content and discover new items through short-form videos.

Three smartphone screens showing a woman applying a BioEffect Imprinting Hydrogel Mask and holding its packaging in a skincare app interface.
MODULE 3.2
● DIRECT PURCHASE FROM CONTENT

Products featured in videos can be accessed directly, allowing users to open product pages and add items to cart without leaving the content experience.

Three smartphone screens showing an e-commerce app with a product page for Imprinting Hydrogel Mask, a shopping cart with items, and a checkout page with delivery options and payment methods.
MODULE 3.3
● USER INTERACTION

Users can create personal profiles, share content, and interact with others through followers, likes, and comments.

Three smartphone screens showing a user profile named Mary LVK in a social app with live videos, club memberships, and a sharing menu featuring contacts and sharing options.
MODULE 3.4
● COLLABORATIVE COMMERCE

Users can create or join public or private clubs where groups of friends shop together. Club members can participate in selecting products and completing shared purchases.

Three smartphone screens showing a social app with active clubs, public club listings, and a product purchase with chat feature.
MODULE 3.5
● GROUP PURCHASING

Friends can add items to a shared cart and shop together from the same brand, creating a collaborative buying experience.

Infographic showing three steps of a collaborative shopping cart: 1) Invite Friends with group invite, 2) Shared Cart with joint selection, 3) Real-time Sync with live updates.
MODULE 3.6
● TRANSACTION SYSTEM

The platform includes a checkout system supporting order summaries, delivery options, and payment processing for both individual and group purchases.

Mobile app checkout process screens showing a shopping cart with Aesop products, delivery time and address options, discount code input, order summary, and payment methods including Apple Pay and card.
04
STEP 04 — ASSEMBLY COMPLETE

Delivered Impact

MODULE INVENTORY (5 COMPONENTS)
Social video
commerce
IMPLEMENTATION
Social video commerce
experience implemented
Collaborative
club shopping
SYSTEM
Collaborative club
shopping system developed
Integrated
mobile flow
EXPERIENCE
Integrated mobile
discovery-to-purchase flow
PERFORMANCE OUTCOMES
A
#checked
Enabled product discovery through video content
A
#checked
Introduced collaborative group purchasing through clubs
A
#checked
Combined social media engagement with e-commerce functionality
A
#checked
Delivered a mobile-first social shopping experience
ASSEMBLY PHILOSOPHY
We don't just code.
We build systems.
Piece by piece,
designed to snap perfectly
into your vision.
#dot-circle
#dot-circle
#dot-circle
#dot-circle
Start building now
#arrow-right