Brand: VOLEMI | Domain: volemi.cn

Industry: Personal Care Appliances

Product Line: Hair Styling Tools (Hair Straightener, Curling Iron, Hair Crimper, Multi-function Curler) + Men’s Electric Shaver

Business Orientation: Factory Wholesale, Ready Goods Supply, OEM/ODM Customization, Offline Distributor Recruitment, Cross-border Bulk Supply

Website Positioning: B2B Enterprise Official Website built-in B2C&B2B trading system, one-click switch between pure brand showcase mode / e-commerce transaction mode

UI Specification: Lightweight SaaS commercial style, white + light grey background, purple brand accent color; PC + mobile responsive; support multi-language & automatic RTL layout

Design Reference: Figma Link Provided

Built-in Core Capability: Full-site DeepSeek AI system, GEO geographic intelligent adaptation, global multi-language system, complete member & order system, AI customer service, full-set Google overseas SEO architecture

Table of Contents

1. Overall Front-End Architecture
2. Global Common Components & Site-wide General Abilities
3. Core Page Detailed Development Specification
4. Complete Member Center Front-End Module
5. Four Major Sales Mode Front-End Logic
6. Overseas Google Full-site SEO Implementation Plan
7. Multilingual + GEO Intelligent Adaptation Rules
8. Unified Visual Standard
9. Business Conversion Logic Design
10. Project Delivery Target & Effect Expectation

1. Overall Front-End Architecture

The front end is built as an integrated platform of international enterprise official website + dual-mode mall (B2C retail + B2B wholesale).

Backend background supports one-click switching working mode:

• Mode A: Pure Corporate Official Website Mode (focus on brand display, inquiry lead collection, hide direct purchase buttons)
• Mode B: E-commerce Transaction Mode (open sample order, retail, tiered wholesale, full-container bulk transaction)

Main application scenarios:

Brand display, product exhibition, business inquiry, sample ordering, retail sales, bulk wholesale, FCL full container procurement, OEM cooperation negotiation, distributor recruitment.

Full front-end functional scope:

PC official website full pages, mobile adaptive responsive pages, global multi-language interface, GEO regional intelligent matching, independent page SEO configuration, DeepSeek AI full-site embedding, member system, complete order transaction system, user wallet, online inquiry system, 24/7 AI customer service, APP download portal.

2. Global Public Front-End Components & General Capabilities

2.1 Global Navigation Bar (All Pages Synchronized)

1. VOLEMI Logo + brand name display
2. Main navigation menu: Homepage | About Us | Product Center | Product Categories | Company News | Solutions | Contact Us
3. Global multi-language one-click switch dropdown
4. Currency switch: GEO automatic matching + manual toggle
5. User login / register entrance & member center entry
6. APP download portal (Android + iOS QR guide)
7. Fixed floating AI intelligent customer service entrance (persistent display on all terminals)

2.2 Global Footer

• Brief enterprise introduction
• Quick navigation link group
• Contact information: Address, landline, email, WhatsApp, social media (Facebook/Instagram/YouTube for beauty appliance industry)
• Copyright, China ICP filing, Privacy Policy, Terms of Service
• Multi-language synchronous rendering
• Embedded Google structured data, website metadata preloading for SEO

2.3 Site-wide Core General Capabilities

(1) Multilingual System

Supported languages: Chinese, English, French, Japanese, Korean, Turkish, Hindi, Arabic, mainstream Southeast Asian, European, Central Asian, African languages

Core rules:

Independent URL subdirectory for each language (en/, tr/, ar/ etc.)

Automatic page flip to RTL layout for Arabic, Uyghur, Persian and other right-to-left languages

Independent TDK, independent page content, avoid machine translation duplicate content risk

(2) GEO Geographic Intelligent Adaptation

Automatically identify visitor IP → country/region/time zone

Auto match: display language, settlement currency, cross-border freight rules, visible product range, regional hot-selling product recommendation

Automatically enable RTL layout for Middle East & Central Asian visitors

Support backend manual limit: certain products only open access to designated countries

(3) Full-site DeepSeek AI Empowerment

All pages embedded AI capability:

AI intelligent product recommendation, AI industry analysis, AI Q&A, automatic FAQ generation, AI copy optimization, AI long-tail keyword mining for SEO

(4) Global Loading Optimization

Image lazy loading, WebP automatic conversion, global CDN adaptation for overseas access, JS delayed loading, CSS compression, optimized Core Web Vitals indicator

3. Core Front-End Page Detailed Development Specification

3.1 Homepage (Core Brand & Conversion Landing Page)

Overseas trade high-end B2B oriented homepage layout:

1. Multi-scene banner carousel (support picture / video materials; editable multilingual copy in backend)
2. Enterprise overview, factory strength, core competitive advantages
3. Hot-selling product showcase, AI personalized recommendation based on visitor region
4. Industry solution module: Beauty salon supply, cross-border e-commerce sellers, offline physical distributors, brand OEM customization
5. Company news & latest product updates
6. Global cooperative clients & cooperation cases
7. Fixed quick inquiry form + consultation entrance
8. AI active homepage welcome pop-up, intelligent demand guidance
9. APP download QR module

3.2 About Us Page

Build trust for overseas buyers:

Enterprise general introduction (AI support automatic multilingual content generation)

Enterprise development timeline, factory scale, production equipment, production capacity

Certifications, test reports, enterprise honor display

Global market layout & overseas sales coverage

Corporate culture, team introduction, service concept

Independent page SEO TDK configuration

3.3 Company News Page

• List page + article detail page
• Previous/next article switching
• AI automatic article summary, related news intelligent push Each news item corresponds to independent pseudo-static URL, independent SEO configuration

News classification: Corporate dynamics, new product launch, industry market analysis, OEM cooperation guide

3.4 Product Category Page

Support unlimited category hierarchy, compatible with 20,000+ product data

Classification grouping:

✅ Hair Styling Tools: Hair Straightener, Curling Iron, Hair Crimper, Multi-function Hair Curler

✅ Men’s Electric Shaver Series

Filter conditions: category screening, price range, new arrivals, hot sales

GEO control: only display products open to visitor’s country

AI category interpretation, hot category trend analysis

Multilingual category naming, independent SEO setting for each category

3.5 Product List Page

Support two front-end display modes (controlled by backend mode switch):

Showcase Mode / Transaction Mode

Display content: product thumbnail, name, core specification, selling label

Front-end display four sales modes label: Sample Purchase | Retail | Wholesale | FCL Bulk

Hierarchical price display rule: sample price, retail unit price, tiered wholesale price, full container preferential price

Permission differentiation: ordinary visitors / registered buyers / senior bulk customers see different price levels

3.6 Product Detail Page (Core SEO & Conversion Page)

Full DeepSeek AI embedded; highest priority for Google indexing

• Multi-image gallery + product video playback module
• Parameter table, detailed description, selling point display
• Automatic multi-language adaptation, AI copy polishing Four independent inquiry & purchase entrances:

1. Sample application
2. Retail direct purchase
3. Bulk wholesale inquiry
4. FCL full container procurement consultation

Built-in module:

AI intelligent Q&A, auto-generated FAQ, product usage suggestion, selling point extraction

Related products, matching combo recommendation

Independent page TDK, embedded Product Schema structured data, adapt to Google Shopping data synchronization

3.7 Login & Registration Page

International minimalist multilingual interface

Registration method: Email registration / Mobile number registration

Automatic verification email + welcome email after registration

Password reset, graphic captcha verification

Independent entrance for B2B buyer identity upgrade, wholesale permission application

4. Complete User Center Front-End Functions

Closed-loop member system covering consultation, transaction, fund, after-sales

4.1 Member Center Homepage

Data overview: pending orders, unread consultation messages, wallet balance, commission data

4.2 My Orders

Order classification tab: All Orders, Pending Payment, Pending Shipment, In Transit, Pending Receipt, Completed, After-sales

Classified display: Sample Order, Retail Order, Wholesale Order, FCL Bulk Order

Support view order details, transaction flow, real-time logistics tracking

4.3 Payment Page

Cross-border payment channels: PayPal, XTransfer, Offline Manual Remittance

Automatic multi-currency settlement, real-time exchange rate conversion

Support upload payment voucher for manual audit

4.4 Logistics Tracking Page

Full logistics node display: Shipment, Transit, Customs Clearance, Destination Delivery

AI intelligent early warning for logistics delay & abnormal freight status

4.5 Wallet Module

Account balance, recharge records, consumption records

SaaS affiliate commission statistics, settlement records

Complete capital flow bill query

4.6 Online Inquiry System

Support consultation type:

Product price inquiry, sample application, wholesale quotation, FCL procurement, OEM customization demand, distributor cooperation application

All inquiry data synchronize to backend customer resource pool for sales follow-up

4.7 AI Intelligent Customer Service System

Native DeepSeek AI customer service, full business scenario coverage

24/7 multilingual automatic reply

Support consultation: product parameter, price rule, sample policy, wholesale tier price, FCL requirement, logistics, payment, after-sales

AI active push matching products; one-click transfer manual customer service

4.8 APP Download Center

Buyer APP, Management Background APP, Offline POS APP download entry

Android & iOS QR code, multilingual download guide page

5. Four Standard Sales Modes (Front-End Logical Definition)

Adapt to different types of overseas customers, front-end display differentiated entry and price:

1. Sample Sales: Trial purchase for potential cooperative buyers, small quantity sample quotation
2. Retail Sales: Single unit sales for individual end consumers
3. Wholesale Sales: Tiered price based on purchase quantity, suitable for B2B merchants
4. FCL Full Container Bulk Sales: Container-based large orders, exclusive bulk price for overseas agents

6. Overseas Google Comprehensive SEO Implementation Plan

6.1 Site-wide Unified SEO Standard

1. Pseudo-static URL specification Multilingual subdirectory independent path; Product detail standard path: volemi.cn/en/category/product-name.html Remove dynamic parameters to avoid duplicate content
2. Independent TDK for every page

• Homepage: Brand keyword + manufacturer wholesale + cross-border supply + OEM + full product keywords
• Category page: Product keyword + factory wholesale + supplier
• Product detail: Precise product keyword + function + wholesale/OEM long-tail words
• News page: Industry long-tail keywords to capture long-tail traffic

3. Global Embedded Schema Structured Data Organization / Product / Article / BreadcrumbList / FAQ Schema Rich snippets display in Google search results, compatible with Google Shopping
4. Sitemap & Robots & 404 Auto-generate multi-language sitemap; Robots shield invalid pages; standard 404 page; full-site 301 domain unification

6.2 Product Page Special SEO Optimization

• Long-form original product copy, DeepSeek AI auto-generate unique description
• All pictures carry alt attribute, WebP compression, optimize loading speed
• Reasonable layout long-tail words: bulk, OEM, private label, factory price, cross-border supplier
• Balance multi-price display, avoid search engine content hiding penalty

6.3 Multilingual SEO Rules

Configure global hreflang tags

Each language has independent copy, prohibit simple machine translation direct publishing

RTL page special layout optimization for Middle East search engines

6.4 GEO Differentiated SEO

Different regional visitors see differentiated hot product content

Target Europe, America, Southeast Asia, Middle East, Africa localized search keywords layout

6.5 B2B Factory Keyword Matrix Layout

Core keyword groups for long-term ranking:

• Factory wholesale: hair tools wholesale, electric shaver bulk supplier
• OEM: OEM hair curler, private label electric shaver manufacturer
• Cross-border: cross-border exporter, beauty appliance export supplier
• Distributor recruitment: regional agent, beauty tool distributor join

6.6 Website Performance SEO

Meet Google Mobile-First Indexing

Optimize Core Web Vitals indicator; global CDN solve overseas slow access problem

Internal link intelligent distribution, transfer page weight to core product pages

6.7 AI Continuous SEO Iteration

AI auto generate news & FAQ content to maintain website update frequency

Competitor keyword monitoring, automatic copy optimization, duplicate content inspection

7. Unified Visual Specification

Global Style: Lightweight SaaS enterprise official website

Background: White + light grey

Brand accent color: Purple (used for primary button, label, selected status, highlight mark)

Layout: Card modular design, sufficient white space, reduce visual fatigue for long-time browsing

Backend visual configuration support:

Font, font size, color value, navigation style, footer layout, theme color can be modified without modifying code

Two terminal adaptation: PC wide screen layout + mobile responsive folding layout

8. Expected Business Outcomes After Launch

1. Stable Google indexing of massive product pages, continuously rising ranking of wholesale, OEM and product keywords
2. Capture dual traffic: B2B overseas buyers (wholesale/OEM/agent) + B2C retail end consumers
3. Multi-language regional traffic growth for Europe, Southeast Asia, Middle East, Africa
4. Improve brand authority of VOLEMI in hair styling tools & men’s shaver track
5. Continuous growth of sample inquiry, wholesale order, OEM cooperation intention, distributor application conversion

Expansion Customization Suggestion

If you need, I can further output:

1. Standard project development technical framework selection scheme (Frontend tech stack + backend docking specification)
2. Complete page sitemap tree (Markdown format, can directly deliver to development team)
3. Keyword library draft for VOLEMI (English overseas SEO core & long-tail keywords)
4. Product detail page wireframe structure document
5. Bilingual official website homepage copy draft (Chinese & English)