OnePage Modern Website UI/UX Redesign

# OnePage (opage.sa) Website Redesign Brief

## Project Overview

OnePage (www.opage.sa) is a SaaS platform built for creators, influencers, coaches, consultants, and digital entrepreneurs in Saudi Arabia and the Arab world.

The platform allows creators to build one professional page where they can sell:

* Digital products
* Services and consultations
* Online courses

with integrated payments and a simple dashboard for managing products, orders, and sales.

## Redesign Objective

We want to completely refresh the website with a clean, modern, and premium visual direction that reflects a creator-first technology platform.

The main priority is visual impact.

Visitors should immediately feel that the platform is:

* Modern
* Professional
* Simple
* Fast
* Creator-focused
* Built for the Saudi and Arab markets

We want to avoid a traditional, corporate, or visually crowded SaaS experience.

---

## Visual Direction

The design should focus on:

* Bold and confident typography
* Large headlines
* Generous whitespace
* High-quality product imagery
* Large UI mockups
* Clean and premium layouts
* Limited and strategic use of color
* Subtle animations and micro-interactions
* Mobile-first design

Typography and product visuals should carry most of the website's personality rather than relying on heavy color usage.

---

## Brand Identity

Current main brand colors:

* Purple: #6C63FF
* Lemon Green: #CEFF5F
* Dark: #2E2A34
* Warm Ivory: #FDF7E7

We want to maintain the existing brand identity while improving how these colors are applied across the product and marketing website.

---

## Target Audience

The primary audience is creators who already have an established following on platforms such as:

* TikTok
* Instagram
* YouTube

This includes:

* Influencers
* Coaches
* Consultants
* Trainers
* Designers
* Freelancers
* Course creators
* Digital product sellers

Most users already have an audience and want a more professional way to convert followers into paying customers.

---

## Key Website Sections

### Homepage

The homepage should include:

* Strong Hero Section
* Clear product presentation
* How OnePage Works
* Digital Products
* Services
* Courses
* Creator Public Page
* Creator Dashboard
* Payment Methods
* Testimonials / Success Stories
* Strong Final CTA

---

## Suggested Core Messaging

Headline:

**Turn Your Followers Into Customers.**

Supporting text:

**Sell your digital products, services, and courses from one simple link.**

Primary CTA:

**Get Started**

---

## Mobile Experience

Mobile is a major priority because a large percentage of traffic will come directly from social media.

The mobile experience should be:

* Fast
* Clear
* Simple
* Thumb-friendly
* Visually strong
* Designed specifically for smaller screens

It should not feel like a reduced version of the desktop experience.

---

## Design Inspiration & Reference Websites

The following platforms should be used as visual and UX references. We do not want to copy any single platform directly; instead, we want to understand what each platform does well and use that inspiration to create a distinctive OnePage identity.

### Salla

https://salla.com

Reference for:

* Saudi market experience
* Arabic-first design
* Feature presentation
* Local payment communication
* SaaS and commerce website structure

### Zid

https://zid.sa

Reference for:

* Arabic user experience
* Content organization
* Feature segmentation
* Product and solution presentation
* Social proof and platform statistics

### Stan

https://stan.store

One of the most important references for OnePage because of its creator-focused business model.

Reference for:

* Creator experience
* Creator storefront
* Mobile-first experience
* Product and service presentation
* Simple purchasing journey
* Turning a social media bio link into a sales channel

### Overall Design Direction

We do not want to copy one competitor.

The preferred direction is to combine:

**The creator simplicity of Stan, and the Saudi/Arabic market experience of Salla and Zid — while building a unique and recognizable visual identity for OnePage.**

OnePage should feel younger, more modern, and more creator-focused than a traditional e-commerce platform.

It should be positioned visually as a **Creator Commerce Platform**, not simply another online store builder.

---

## Pages to Design

* Homepage
* Features
* Pricing
* Creator Public Page
* Product Page
* Service Page
* Course Page
* Login
* Signup
* Creator Dashboard
* Product Management
* Orders & Sales
* Page Customization
* Mobile Navigation

---

## Deliverables

* Low-fidelity wireframes
* High-fidelity designs
* Desktop designs
* Mobile designs
* Clickable prototype
* Style guide
* Typography system
* Color system
* Components
* Spacing system
* Forms and buttons
* Design system
* Developer handoff

**Figma is preferred.**

Files should be properly structured using:

* Auto Layout
* Components
* Variables
* Styles

All editable source files should be included in the final delivery.

---

## Final Goal

OnePage should feel like a modern, premium platform that creators are proud to place in their social media bio.

The experience should communicate instantly: