User Manual
Everything you need to know about building premium, AI-powered digital experiences with GeneX. No technical knowledge required.
Introduction
GeneX is an AI-powered platform that transforms your business ideas into professional websites and web applications. Instead of hiring a developer, learning to code, or struggling with template builders, you simply describe what you want in plain English — and GeneX builds it for you.
Every site GeneX creates is motion-first, meaning it includes purposeful animations and interactions that make your brand feel premium and engaging. It's also optimised for the Nigerian market, with built-in support for Naira pricing, WhatsApp ordering, Paystack payments, and mobile-first performance on Android devices.
Creating an Account
Getting started with GeneX takes less than a minute. You'll need an email address and a password. That's it.
-
1Visit the signup pageGo to the GeneX homepage and click "Start Free" or navigate directly to the signup page.
-
2Fill in your detailsEnter your full name, email address, and choose a strong password. Your phone number is optional but recommended for Nigerian businesses.
-
3Confirm your emailCheck your inbox for a confirmation email and click the link to verify your account. If you don't see it, check your spam folder.
-
4Start buildingOnce confirmed, you'll be taken to your dashboard where you can create your first project immediately.
Your Dashboard
The dashboard is your command centre. After logging in, you'll see an overview of all your projects, quick stats, and a prompt to start building something new.
If you're a new user, the dashboard will show a large text area asking "What do you want to build?" — this is where the magic starts. Simply type your idea and click "Start Building."
If you already have projects, you'll see them displayed as cards in a grid. Each card shows a preview thumbnail, the project name, its current status (Draft, Live, etc.), and the motion profile applied to it.
Your First Project
Creating your first project is the core GeneX experience. The entire process is conversational — you talk to the AI, and it builds your site.
-
1Click "New Project"From the sidebar or the dashboard, click "New Project" or "Create New Project."
-
2Describe your ideaType a description of what you want to build. Be as specific as you can about your business, your customers, and what you want the site to do.
-
3Answer a few questionsGeneX may ask 2-3 clarifying questions to make sure it builds exactly what you need. If you're not sure, just pick the suggested default.
-
4Watch it buildGeneX will show you its progress as it analyses your idea, designs the layout, writes the content, adds animations, and assembles the final site.
-
5Review and refineOnce the preview is ready, you can ask GeneX to make changes using plain English. "Make the hero section more dramatic" or "Add a pricing table."
Describing Your Vision
The quality of your site depends on how well you describe what you want. You don't need to be technical — just be specific about your business.
Good Examples
What to Include
For the best results, try to mention:
- Your business name and location
- What you sell or the service you provide
- Who your customers are
- What action you want visitors to take (buy, call, book, etc.)
- How you want the brand to feel (luxury, playful, professional, etc.)
- Any specific features (WhatsApp, Paystack, booking form, gallery)
The Generation Process
When you submit your description, GeneX goes through several stages automatically. You'll see progress updates as each stage completes:
| Stage | What's Happening | Duration |
|---|---|---|
| Understanding | GeneX analyses your description and extracts your business type, goals, and requirements. | ~5 seconds |
| Planning | The AI designs the page structure, selects components, and determines the visual direction. | ~10 seconds |
| Designing | Each section is designed with appropriate colours, typography, and layout. | ~20 seconds |
| Adding Motion | Animations and interactions are applied based on your motion profile. | ~10 seconds |
| Building | The final HTML, CSS, and JavaScript are assembled into a complete site. | ~15 seconds |
| Testing | GeneX reviews its own work for quality, accessibility, and performance issues. | ~5 seconds |
Previewing Your Site
Once generation is complete, you'll see a live preview of your new site. The preview is interactive — you can scroll, click buttons, and see all animations in action.
Use the device selector above the preview to see how your site looks on different screen sizes: mobile phones, tablets, laptops, and desktop monitors. This is especially important because most Nigerian users will visit your site on mobile phones.
Conversational Editing
After your site is generated, you can refine it by talking to GeneX. There's no drag-and-drop editor to learn — just type what you want to change.
Example Edits
- "Make the hero section more dramatic with a dark background"
- "Change the primary colour to deep green"
- "Add a testimonials section with three customer reviews"
- "Move the pricing section above the contact form"
- "Make all animations more subtle"
- "Add a WhatsApp ordering button to the product cards"
- "Change the headline to 'Lagos' Premium Fashion Destination'"
- "Add an about us section with our company story"
Motion & Animation
GeneX is a motion-first platform. Every site it creates includes purposeful animations that enhance the user experience — not random decoration.
Motion Profiles
You can choose from six motion profiles depending on your brand personality:
| Profile | Best For | Feel |
|---|---|---|
| Subtle | Corporate, legal, medical | Minimal, professional, restrained |
| Professional | Business services, consulting | Polished, confident, clean |
| Dynamic | Startups, tech, SaaS | Energetic, modern, engaging |
| Premium | Fashion, luxury, hospitality | Elegant, cinematic, sophisticated |
| Cinematic | Creative agencies, portfolios | Dramatic, immersive, bold |
| Experimental | Art, design, innovation | Avant-garde, surprising, unique |
You can also adjust the motion intensity on a scale from 1 (minimal) to 10 (maximum). GeneX automatically adapts animations for slower devices and connections — visitors on low-end Android phones will see simplified but still beautiful transitions.
Version History
Every time GeneX makes a significant change to your project, it saves a new version. This means you can always go back to a previous state if you don't like a change.
To access version history, open your project and look for the "Versions" panel. You'll see a list of all versions with timestamps and descriptions of what changed. Click any version to preview it, and click "Restore" to revert to that version.
Publishing
When you're happy with your site, click the "Publish" button to make it live on the internet. GeneX will generate a unique URL for your site that you can share with customers.
On paid plans, you can also connect a custom domain (e.g., www.yourbusiness.com) so your site appears under your own brand name.
-
1Review your siteMake sure everything looks correct on mobile and desktop. Test all buttons and links.
-
2Click "Publish"The publish button is in the top-right corner of the project editor.
-
3Share your linkOnce published, you'll receive a live URL. Share it on WhatsApp, Instagram, and your business cards.
WhatsApp Integration
WhatsApp is the primary communication channel for most Nigerian businesses. GeneX makes it easy to add WhatsApp ordering and enquiry buttons to your site.
When you describe your project, simply mention that you want WhatsApp ordering. GeneX will automatically add a "Order on WhatsApp" button that opens a chat with your business number, pre-filled with a message like "Hello, I'd like to place an order."
Make sure to provide your Nigerian phone number in the format 08012345678 when asked. GeneX handles the international formatting automatically.
Payments
GeneX supports Nigerian payment integration architecture for Paystack and Flutterwave. When you mention that you need online payments in your project description, GeneX will generate the correct payment flow with Naira pricing.
To activate live payments, you'll need to provide your Paystack or Flutterwave public key in the project settings. You can find this key in your Paystack or Flutterwave dashboard under Settings → API Keys.
Frequently Asked Questions
Tips & Best Practices
-
1Be specific about your audience"Young professionals in Lagos" produces a very different site than "retirees in Abuja." The more GeneX knows about your customers, the better the result.
-
2Mention your conversion goalTell GeneX what you want visitors to do: "I want people to order on WhatsApp" or "I want them to fill out a booking form." This shapes the entire layout.
-
3Iterate, don't restartInstead of creating a new project when something isn't right, ask GeneX to fix it. Conversational edits are fast and preserve your version history.
-
4Test on mobileAlways check the mobile preview before publishing. Most of your Nigerian customers will visit your site on their phones.
-
5Upload real imagesGeneX uses placeholder images during generation. For the best impression, replace them with real photos of your products, team, or location as soon as possible.
GeneX User Manual — Version 0.1.0
Back to Home