beautyhub.bizruntool.com
UI/UX Mockup Package
For Field Research, Feasibility Study & Market Feedback
📋 8 Mockup Pages — Version 1.0

📌 FIELD STAFF INSTRUCTION: Show these screens to makeup artists, hair stylists, wig sellers and beauty vendors. Ask for their feedback on each page. Document their responses on the questionnaire at the bottom.

📐 Platform Overview

How Beauty Hub Works

🌐 PUBLIC SIDE (No Login Needed)

  • Homepage Feed – browse all beauty posts
  • Filter by category, location, price
  • Company public profile pages
  • Book services (after quick registration)
  • Like, save & share posts
  • "How did you hear about us?" survey
  • Search by service, location, company
↕ Companies login to manage ↕

🔐 COMPANY BACKEND (After Login)

  • Business dashboard & analytics
  • Booking & appointment management
  • Client profiles & history (CRM)
  • Product inventory management
  • Feed post manager (show/hide)
  • Boost/sponsored post manager
  • Survey responses & insights
  • Revenue & expense reports
  • Staff & commission management
  • Profile customizer (logo, colors, banner)
📱 All Mockup Pages
🏠
Mockup 01 — Public Page
Homepage / Discovery Feed
The main landing page visitors see. Scrollable feed of beauty posts, filter tabs by category, stories row, sponsored banners, location filter, and bottom navigation.
Public
Feed
Instagram-style
Location filter
Sponsored posts
Open Mockup → 🏠
🏪
Mockup 02 — Public Page
Company Public Profile Page
What customers see when they tap on a beauty business. Cover photo, logo, stats, action buttons (Book, Portfolio, Reviews, Survey, Contact), services pricing, portfolio gallery, and customer reviews.
Public
Company profile
Action buttons
Services & pricing
Reviews
Open Mockup → 🏪
📅
Mockup 03 — Booking
Book a Service Flow
Step-by-step booking process: select service → pick date on calendar → choose time slot → fill personal details → see deposit summary → pay via Paystack. 4-step progress tracker included.
Booking
Calendar
Deposit payment
Paystack
Requires account
Open Mockup → 📅
📋
Mockup 04 — Two Screens
Visitor Registration + "How Did You Hear About Us?" Survey
Lightweight visitor sign-up form (name, email, phone, location). Also shows the 4-question survey form that pops up when a visitor taps "How did you hear about us?" on any company profile.
Registration
Survey
Visitor account
Google login option
Open Mockup → 📋
📊
Mockup 05 — Backend (Company)
Company Dashboard (After Login)
What beauty businesses see after logging in. Stats cards (bookings, revenue, likes, views), quick action buttons, today's booking list, feed post manager with show/hide toggle, and survey response analytics chart.
Company login
Analytics
Bookings
Feed manager
Survey results
Open Mockup → 📊
🔍
Mockup 06 — Two Screens
Search Results + Boost Manager
Search results page with filter chips, sorted service/company cards, and sponsored placement. Also shows the Boost Manager screen where companies pay to feature their posts (₦3k–₦18k for 3–30 days) with estimated reach preview.
Search
Filters
Company backend
Sponsored posts
Paystack
Open Mockup → 🔍
🎨
Mockup 07 — Two Screens
Profile Customizer + Visitor Account Page
Company profile customizer: upload cover photo, logo (max 100KB), choose brand color theme from 10 options with live preview, update studio info and social media links. Also shows a visitor's personal account page with booking history and saved items.
Company backend
Brand colors
Logo upload
Visitor account
Saved items
Open Mockup → 🎨
📝 Field Research Questions

For Beauty Business Owners (Companies)

For Visitors / Prospective Customers

Key Decisions Still to Finalise