Admin: Mobile Builders Best Practices

Introduction

Transform your mobile experience with our powerful drag-and-drop page builder. Whether you're creating engaging share pages or dynamic home screens, this guide will help you build beautiful, branded experiences without writing a single line of code.

Login to Admin Portal

1. Visit: https://admin.fluid.app/
2. Enter your email address associated with your account.
3. Retrieve the 6 digit code sent to your email and enter it.
4. You are now in your company's Fluid Admin portal. 

Platforms: Mobile App

1. On the left hand navigation, find the Platforms section.
2. Select Mobile Apps and you will see three dropdowns: 
   1. Home Tabs
   2. Share Tabs
   3. Shop Tabs
3. Here you will manage building out all of your tabs.

Making Your Tabs Pop

Remember that configuring your tabs with widgets that are useful to your Reps is one of the most important pieces in building your app. Get a full overview of all Widgets here.

Carousel Magic

Your carousel is often the first thing visitors see. Make it count:

• Choose images that tell a story.
• Use text overlays strategically.
• Perfect your timing and transitions.
• Keep mobile viewers in mind.

The best carousels combine stunning visuals with clear calls-to-action. Think: "Shop Now" or "Learn More"

Product Lists That Convert

Turn browsers into buyers with:

• Grid layouts for visual impact.
• List views for detailed browsing.
• Strategic product sorting.
• Compelling product descriptions.

Design That Drives Results

Your pages should be both beautiful and functional. Here's how to achieve both:

Visual Excellence:

• Maintain brand consistency.
• Create clear visual hierarchies.
• Use white space effectively.
• Ensure text readability.

Technical Perfection:

• Optimize for speed.
• Test across devices.
• Monitor performance.
• Update regularly.

Fine-Tuning Your Pages

Smart Visibility Controls 

Your pages can be as targeted or broad as you need. Control exactly who sees what with:

Audience Targeting Using Access Rules

• Set rank-specific content.
• Configure country/language visibility.
• Manage active status settings.

Use targeted pages to create personalized experiences for different markets or achievement levels. Learn more about Access Rules here. 

Page Configuration

Design Elements

• Background colors and imagery.
• Text styling and fonts.
• Layout spacing.
• Widget arrangements.

First Impressions

Component	Purpose	Implementation	Success Metrics
Homepage	Value proposition	Clear, action-focused messaging	< 3s to understand
Navigation	Easy discovery	Intuitive menu structure	< 2 taps to features
Branding	Recognition	Consistent visual elements	Brand recall
Quick Actions	Efficiency	One-tap access to key tools	Usage frequency

Design Principles

Principle	Implementation	Why It Matters
Simplicity	Clean, uncluttered layouts	Reduces cognitive load
Consistency	Standard patterns & elements	Builds familiarity
Feedback	Clear response to actions	Confirms success
Accessibility	Universal design standards	Includes all users

Mobile-First Elements

Feature	Purpose	Best Practice
Touch Targets	Easy interaction	Min 44x44px size
Typography	Readability	16px min body text
Loading States	User feedback	Skeleton screens
Gestures	Natural interaction	Standard patterns