Back to Ramoupi

Agent Q AI Solutions / Complete delivery record

Everything the client sees.
Everything working behind it.

The complete record of how Ramoupi Lifestyle Investments became a distinctive corporate platform, an event participation system and a secure operational tool.

Built for Ramoupi Lifestyle Investments by Agent Q AI Solutions.

05

Strategic division pages

05

Summit participation paths

04

Partnership packages

04

Home-screen icon formats

03

Private operations screens

01

AI support experience

01 / Complete build report

The assignment, properly understood

This was never simply a request to put company information online. Ramoupi needed a credible identity, a richer explanation of its five-part business and a safe way to turn public interest into managed relationships and real-world event participation.

What the client brought

A purpose-led company, a founder with substantial government communications experience, an existing company-profile aesthetic, a real Dobsonville development, UCAN Grow and the Dignity to Prosperity Summit.

What Agent Q delivered

A connected public story, five detailed division experiences, property media, event promotion, application and partnership journeys, private staff operations, secure tickets, door admission, branded communication and focused AI support.

One coherent journey: understand the mission, explore the work, express interest, receive a decision, arrive with confidence and preserve an accountable record.

02 / Complete build report

Brand, story and public experience

Every public section was designed to explain something meaningful, build confidence or offer an honest next step — with no blank destinations and no generic filler.

A distinctive Ramoupi identity

The supplied shield, company profile and event poster informed an ivory, black and dimensional-gold design language. Editorial type, ornamental borders, gold-bullion event framing and restrained movement create a premium identity without losing warmth or local relevance.

A living corporate profile

The homepage connects purpose, commercial discipline and community impact. It includes the founder profile, credentials, strengths, branded social links, selected national work, partnership process, track record, property ambition and direct contact routes.

Five genuinely separate divisions

Strategic Communications, Events & Activations, Business Advisory, Wellness Initiatives and Township Property Development each have a dedicated, image-rich page with an individual scope, services, operating process, proof points and next action.

Property presented as the growth driver

The supplied Dobsonville development material was extracted, sharpened, resized and presented at a useful scale. The final branded property film now opens directly from a dedicated video button in a custom player.

Programs and contact made actionable

UCAN Grow has its own page with the correct name and a direct handoff to the live program. A dedicated Contact page handles general, summit and application questions through one clear, validated experience.

Designed for phone and desktop

Navigation, founder layouts, event panels, forms, property media, footer actions, the install card and the opening summit composition were adjusted for real screen sizes, readable wrapping and stable spacing.

03 / Complete build report

A summit platform, not an event poster

The event work joins promotion, participation, partnership and direct support while protecting the difference between proposed content and confirmed public facts.

01

Persistent event promotion

A slim scrolling notice sits beneath the navigation, while the opening section gives the summit identity, confirmed 18 March 2027 launch date and participation action immediate prominence. Event calls-to-action recur naturally across the site.

02

A complete summit showcase

The Dignity to Prosperity Summit has a light ivory editorial presentation, transparent event identity, compact opportunity story, six illustrated themes, experience references, frequently asked questions and clear routes into participation.

03

Participation matched to intent

Visitors can apply to attend, enter the Pitch Den, join the Talent Showcase, exhibit, or enquire as a partner or sponsor. Each path changes the guidance and required information rather than forcing everyone through one generic form.

04

Partnership proposition

The Build with us area includes Founding Summit, Pitch Den & Enterprise, Skills & Careers, and Community & Wellness packages. Each has suggested benefits, dedicated imagery and direct email and WhatsApp enquiry actions, with no invented pricing.

05

Evidence without false claims

Relevant imagery supports Freedom celebrations, Mandela 100, Women of Fortitude and the 2010 FIFA World Cup experience. Ramoupi and U CAN Grow Africa are shown as equal presenters, while unconfirmed speakers, exact room, start time and programme details are not presented as facts.

06

Direct human help

Visitors can switch from an application to a quick question, phone, email or WhatsApp. The forms explain what happens next and keep the distinction between expressing interest and receiving a confirmed place.

04 / Complete build report

From application to accountable arrival

The summit workflow gives the team a controlled path from the first expression of interest to review, confirmation, admission and follow-through.

  1. 01

    Apply

    A visitor chooses the appropriate participation route. Server-side checks validate names, contact details, category-specific information and consent before accepting the record.

  2. 02

    Review

    Authorised staff search and filter private applications, add internal notes and move records through received, reviewing, shortlisted, waitlisted, confirmed or declined states.

  3. 03

    Confirm

    Confirmation creates a unique ticket. A private ticket page shows the guest, participation category, ticket code and QR image, with print and WhatsApp sharing options.

  4. 04

    Admit

    Staff scan the QR code with a phone or enter the code. The system distinguishes a valid first admission from an already-used, cancelled or invalid ticket.

  5. 05

    Report

    Staff can export a protected guest list and record follow-up outcomes such as attendance, mentorship, training or funding pathways without claiming those outcomes before they occur.

05 / Under the surface

Architecture that serves the work

The polished interface is one layer. The operational value comes from carefully controlled boundaries between public information, trusted decisions and private records.

Public experience

Fast pages with clear actions

Server-rendered React pages present the corporate story, divisions, program, event and contact journeys. The visitor experience never receives privileged credentials or staff-only records.

Decision layer

Rules enforced away from the page

Typed server functions validate submissions, verify staff membership, manage application states, issue tickets and process admission. A visitor cannot gain extra access by altering what appears in their browser.

Private records

Data separated by purpose

Applications, general enquiries, tickets, staff permissions, event drafts and outcomes are kept as distinct record types. Public visitors may submit information but cannot browse it afterward.

Communication

Branded messages tied to actions

Templates cover application receipts, tickets and account emails. Ticket delivery follows a successful server-side decision; an email problem does not silently reverse the underlying confirmation.

AI support

A focused Ramoupi guide

Ask Ramoupi AI uses the client's Azure DeepSeek deployment through a protected server endpoint. It answers only from approved public facts, avoids ticket and personal-data handling, and keeps the conversation in the visitor's browser.

Event operations

One connected lifecycle

Applications, staff decisions, private ticket links, QR admission, status correction and guest-list exports operate as a single system rather than disconnected forms and spreadsheets.

A reusable foundation for future programs and events — without pretending that unapproved content, payments or future campaigns already exist.

06 / Complete build report

Trust engineered into every handoff

Applications contain real people’s details and admission affects a real venue. Protection therefore lives in the access rules, validation and ticket lifecycle — not merely behind the appearance of a login screen.

Public and private are separate

Access rules lock sensitive records. Visitors can submit forms but cannot browse applications, messages, outcomes or tickets. Event details remain private drafts until explicitly approved.

A login is not a permission slip

Every staff action checks both a valid session and membership in a separate protected staff-role record. An ordinary signed-in account has no operational authority.

Inputs are checked twice

Server rules enforce formats, lengths, consent and category requirements; database rules provide another boundary. Honeypots, duplicate handling and request limits reduce basic abuse.

Ticket links are revocable

Only a cryptographic hash of each secret ticket link is stored. Staff can rotate a link, cancel or reissue a ticket, immediately making an older shared link unusable.

Check-in resists double admission

Admission is recorded with one conditional server action. Only an active, unused ticket can pass; repeat scans return an already-admitted result and staff activity remains attributable.

Exports and pages reduce exposure

Private responses request no browser caching. Guest-list exports guard against spreadsheet formula attacks, and private ticket pages tell search engines not to index them.

No digital system removes all risk. These controls reduce exposure; responsible account management, event procedures and periodic review remain essential.

07 / Complete build report

Performance and polish that visitors can feel

The visual richness was retained while unnecessary file weight, unstable movement and avoidable loading were reduced.

Image optimisation

Dozens of site images were resized, compressed, sharpened or externally served for practical web delivery. The large Dobsonville visual was reduced to a lightweight web version while preserving its useful wide view.

Loading priority

The first hero image is prioritised because it is visible immediately. Images lower down the page load only as visitors approach them, reducing unnecessary work during the first view.

Final property film

The short preview was retired after review. The video button now opens the complete branded property film directly, with a dedicated player, poster treatment and phone-friendly playback.

Stable interaction

Text and photography are separated, changing content does not shift the page unexpectedly, animations respect reduced-motion preferences, and key controls keep stable dimensions across phone and desktop layouts.

Search and sharing

Each content route carries a specific title, description and social-sharing information. Public link previews use a custom ivory summit graphic rather than a dark image, while private ticket and staff pages are excluded from indexing.

Installable experience

The Ramoupi shield, web-app manifest and branded install prompt support adding the site to a compatible phone. Android, maskable and Apple icon files were prepared and recentered, while the installed label now reads “Ramoupi Lifestyle”.

08 / Complete build report

The detailed delivery ledger

The finished experience is the result of hundreds of connected decisions. This ledger records the visible details, production work and operational safeguards that make the platform feel complete.

Workstream 01

Discovery, positioning & content architecture

10 recorded deliverables

  1. 01Reviewed the supplied company profile, summit material, visual references, logos, founder information and social links.
  2. 02Researched and cross-checked Mmabatho Ramompi’s public professional record before presenting personal credentials.
  3. 03Separated Ramoupi Lifestyle Investments’ company mandate from the individual achievements of its founder and team.
  4. 04Positioned Township Property Development as the strategic growth driver without weakening the other four divisions.
  5. 05Defined the primary brand line: Business with Purpose. Building Dignity. Creating Value.
  6. 06Placed the investor and tenant lines only in the contexts where they are accurate and useful.
  7. 07Structured the homepage as one connected corporate story with anchored navigation rather than disconnected marketing pages.
  8. 08Created a deeper route for every strategic division while retaining one shared design and content system.
  9. 09Distinguished confirmed event facts, proposed experiences, aspirations and unapproved details throughout the copy.
  10. 10Updated all official contact references to info@ramoupilifestyle.co.za and removed the previous Gmail address site-wide.

Workstream 02

Brand system, typography & visual refinement

12 recorded deliverables

  1. 01Translated the client’s preferred editorial reference into a consistent ivory, gold and black visual language.
  2. 02Selected and implemented an elegant serif and sans-serif typography system for hierarchy, readability and authority.
  3. 03Created semantic colour, border, shadow, spacing and motion rules for consistent use across every page.
  4. 04Removed dark page backgrounds and converted site and email sections to a continuous light ivory treatment.
  5. 05Retained the slim scrolling summit notice as the only deliberate dark accent requested by the client.
  6. 06Removed text overlays from photography and moved captions, labels and statements into separate readable areas.
  7. 07Rebuilt supplied profile-poster content as responsive HTML instead of embedding unreadable screenshots.
  8. 08Refined image corners, gold edging, shadows, crop behaviour and spacing so photographs feel integrated rather than pasted on.
  9. 09Cleaned and prepared transparent versions of the Ramoupi, summit and U CAN identities for light backgrounds.
  10. 10Balanced the summit and U CAN identities as equal presenters without implying unsupported sponsorship terms.
  11. 11Created light-background portrait and square social advert variations inspired by the supplied poster style.
  12. 12Created a custom ivory social-sharing image with fine gold framing and the relevant event identities.

Workstream 03

Homepage, navigation & public journeys

14 recorded deliverables

  1. 01Built a responsive branded header with enlarged shield, company name and desktop and mobile navigation states.
  2. 02Moved Summit to the first navigation position and renamed the previous Events label for clearer priority.
  3. 03Added About Us, Divisions, Programs, Property, Team, Partner and Contact navigation destinations.
  4. 04Added a scrolling summit announcement bar with controlled speed, repeat content and reduced-motion behaviour.
  5. 05Removed the top image slider after client review and rebuilt the opening area as a clean editorial composition.
  6. 06Placed the transparent Dignity to Prosperity Summit logo prominently beside the opening message.
  7. 07Changed the large summit title to gold and the presenter line to black to match the approved hierarchy.
  8. 08Removed the rejected unemployment quotation from the opening section and associated email copy.
  9. 09Built purpose, company profile, divisions, signature work, founder, team, property, partnership and contact sections.
  10. 10Added direct phone, WhatsApp, email, enquiry and application actions in the relevant decision points.
  11. 11Created a dedicated Contact page with general, summit and application modes in one validated experience.
  12. 12Created Programs, Founder and Team experiences, including individual profiles for Mmabatho Ramompi, Nomahlubi V. Simamane and Stephen John Carver.
  13. 13Added custom not-found and error pages that return visitors to the Ramoupi experience gracefully.
  14. 14Added footer navigation, company details, social channels, official email and the public delivery report link.

Workstream 04

Images, property presentation & video production

12 recorded deliverables

  1. 01Generated a cohesive collection of premium, socially grounded editorial imagery for the company and its divisions.
  2. 02Selected images for strategic communications, events, advisory, wellness, property, partnerships and summit participation.
  3. 03Extracted the supplied Dobsonville development visual from client artwork and prepared a sharper web-ready version.
  4. 04Created and applied descriptive alternative text so meaningful images remain understandable to assistive technology.
  5. 05Added lazy loading below the opening view and prioritised immediately visible imagery.
  6. 06Prepared externally served asset pointers for large uploaded photographs, portraits, logos and video files.
  7. 07Edited and assembled the branded Dobsonville property presentation film.
  8. 08Created the property video entry treatment, poster/banner state, playback dialog and mobile-friendly controls.
  9. 09Replaced the earlier short preview behaviour so the video button now opens the complete final film directly.
  10. 10Removed the incorrect dark-suit founder portrait from the homepage, founder page and hosted project assets.
  11. 11Retained the approved founder photograph and silhouette treatment where they support the story.
  12. 12Kept captions and explanatory writing outside photographs in line with the client’s no-text-over-images direction.

Workstream 05

Dignity to Prosperity Summit experience

12 recorded deliverables

  1. 01Made the summit the leading homepage priority while preserving the wider Ramoupi corporate profile.
  2. 02Presented the confirmed launch date of 18 March 2027 and University of Johannesburg, Soweto information supplied by the organiser.
  3. 03Clarified that the annual Youth Month summit is planned for June 2027, with the exact date still to be announced.
  4. 04Added the supplied summit subtitle, supporting line, signature statement and youth-first opportunity framing.
  5. 05Created six illustrated opportunity themes spanning skills, careers, enterprise, funding pathways, talent, housing, wellness and partnership.
  6. 06Built frequently asked questions with careful answers that do not invent price, speakers, times, rooms, capacity or programme details.
  7. 07Built five distinct participation paths: attendee, Pitch Den, Talent Showcase, exhibitor and partner.
  8. 08Changed form guidance and required information according to the visitor’s selected participation path.
  9. 09Added consent, correction guidance, duplicate handling, success states and clear notice that an application does not guarantee admission.
  10. 10Created four partnership package presentations with distinct benefits, imagery and direct enquiry actions but no invented pricing.
  11. 11Added public summit interest registration separately from the more detailed participation applications.
  12. 12Created a controlled event-content workflow so programme, partner, speaker and notice content remains draft-only until approved.

Workstream 06

Private event operations, CRM, tickets & QR admission

19 recorded deliverables

  1. 01Created a private staff sign-in journey separated from public visitor pages.
  2. 02Built a protected staff workspace for applications, interest registrations, event content and post-event outcomes.
  3. 03Added applicant search, category filtering, status filtering, internal notes and structured review states.
  4. 04Added received, reviewing, shortlisted, waitlisted, confirmed and declined application states.
  5. 05Connected confirmation to automatic ticket creation and connected decline to ticket cancellation.
  6. 06Generated non-sequential Ramoupi ticket codes in the RMP-XXXX-XXXX format.
  7. 07Created private ticket links whose secret token is hashed before storage rather than stored in readable form.
  8. 08Built branded personal ticket pages with guest name, category, code, QR image, privacy guidance and invalid-link handling.
  9. 09Added ticket-link rotation so creating a new link immediately makes the older link unusable.
  10. 10Added ticket reissue, cancellation, reactivation and check-in reversal tools for authorised staff.
  11. 11Built an attendee CRM with applied, confirmed, issued, checked-in and outstanding arrival totals.
  12. 12Added attendee search across name, email, organisation and ticket code, plus type and arrival filters.
  13. 13Added secure guest-list CSV export with protection against spreadsheet formula injection.
  14. 14Added one-tap ticket-link copying and personalised WhatsApp ticket sharing.
  15. 15Built a phone-camera QR scanner using a proven scanning library, with manual code entry as a fallback.
  16. 16Added clear admitted, already checked in, cancelled and invalid ticket states for door staff.
  17. 17Prevented double admission with a single conditional server update and recorded the responsible staff account.
  18. 18Added session admission counts, vibration feedback and duplicate-scan throttling for practical door use.
  19. 19Created structured outcome records for attendance, training, mentorship, funding pathways, commitments, employment, business and follow-up.

Workstream 07

AI guide, email communication & support

12 recorded deliverables

  1. 01Built the Ask Ramoupi AI support widget and mounted it across the public experience.
  2. 02Connected the assistant to the client’s Azure DeepSeek deployment through a server-only endpoint.
  3. 03Created a curated Ramoupi knowledge source covering approved company, division, founder, team, summit, program and contact facts.
  4. 04Prevented private applications, tickets, draft announcements and staff records from entering the assistant’s knowledge.
  5. 05Added topic boundaries, concise answer rules, safe contact hand-offs and refusal behaviour for unrelated questions.
  6. 06Kept one chat conversation in the visitor’s browser rather than creating a permanent database of chat messages.
  7. 07Added message-length, history-length, origin, request-size and request-rate controls to the AI endpoint.
  8. 08Adjusted the mobile chat so opening the widget does not summon the keyboard; the keyboard opens only after tapping the input.
  9. 09Created branded templates for submission receipts and summit tickets.
  10. 10Created branded account templates for signup, invitation, magic link, recovery, email change and reauthentication.
  11. 11Added reusable email layout, template registry, preview routes and retry-safe idempotency keys.
  12. 12Designed email sending so a delivery problem never silently reverses a successful application or ticket decision.

Workstream 08

Installable app, sharing, mobile polish & quality controls

16 recorded deliverables

  1. 01Created the web-app manifest with Ramoupi name, description, scope, standalone display and brand colours.
  2. 02Prepared 192px and 512px Android icons, a 512px maskable icon, an Apple touch icon and a browser favicon.
  3. 03Recentered the shield artwork inside every home-screen icon canvas so it sits correctly within circular and masked crops.
  4. 04Changed the installed home-screen label to “Ramoupi Lifestyle” while keeping the compact install instruction unchanged.
  5. 05Built a branded install card that appears after a short delay and remembers when a visitor dismisses it.
  6. 06Connected Android-compatible one-tap installation through the browser’s install event.
  7. 07Added clear iPhone Safari Share and Add to Home Screen instructions.
  8. 08Hid the install card when the experience is already running as an installed app.
  9. 09Created route-specific search titles, descriptions, Open Graph details and social-card settings.
  10. 10Replaced dark shared-link artwork with a custom ivory-and-gold summit preview image.
  11. 11Marked staff and personal-ticket screens as private and excluded them from search indexing.
  12. 12Added accessible labels, live status announcements, visible validation feedback and keyboard-friendly controls.
  13. 13Added reduced-motion handling for animated interfaces and stable dimensions to reduce layout movement.
  14. 14Checked key public pages, forms, opening sections and the install card at phone and desktop dimensions.
  15. 15Added server and page-level error handling so visitors receive a useful recovery route instead of a blank screen.
  16. 16Kept the installed experience intentionally online-only; no unsupported offline promise or stale page cache was added.

09 / Complete build report

Delivered, checked and ready for final client decisions

A professional handover distinguishes completed engineering from the real-world information, approvals and rehearsal that only the client and event team can provide.

Built & checked

  • Corporate homepage, founder story, property vision and major calls-to-action completed.
  • Five strategic division pages completed with distinct content, imagery, scope and process.
  • UCAN Grow program page and direct link to the actual application completed.
  • General, summit and application contact journeys completed with server-side validation.
  • Summit promotion, six opportunity themes, FAQs and five participation routes completed.
  • Four suggested partnership packages completed with imagery and direct enquiry actions.
  • Private staff review, status management, internal notes and search/filter tools completed.
  • Ticket issuing, private ticket pages, QR codes, rotation, cancellation and reissue completed.
  • Phone-based QR check-in, repeat-scan protection and guest-list export completed.
  • Azure DeepSeek support chat completed with approved-fact grounding and safety limits.
  • Branded application, ticket and account email templates completed.
  • Image optimisation, opening-image priority, lazy loading and direct full-film delivery completed.
  • Manifest, centred Android/maskable/Apple icon set, install card and “Ramoupi Lifestyle” installed label completed.
  • Ivory-and-gold shared-link artwork completed for a consistent light-background brand presentation.
  • No-text-over-images treatment completed across site photography and email promotion artwork.
  • Public pages and critical forms checked at desktop and phone widths.
  • Anonymous access checks returned no private applicant, message, outcome or ticket records.
  • Application submission reached its end-to-end success state.
  • Project build and key page-load checks completed successfully.

Final client actions

  • Confirm Mmabatho's sign-in address and create or approve her staff account before she uses private event tools.
  • Complete sending-domain verification, then send a real application receipt and ticket email to confirm live delivery.
  • Supply and approve the summit venue, time, capacity, programme, speakers and confirmed partners before publishing them as facts.
  • Review the four suggested partnership package names and benefits; approve or amend them before presenting them as the final commercial offer.
  • Issue a test ticket and perform one full door rehearsal with the actual event phone and an authorised staff account.
  • Confirm the final on-site operating procedure, including who may admit guests, correct a check-in or handle an invalid ticket.
  • Confirm usage rights for the supplied Dobsonville property photograph before treating it as unrestricted final campaign photography.
  • Publish the latest approved changes only when the client explicitly authorises the live update.

The Agent Q approach

We make the experience feel effortless because the strategy, detail and architecture beneath it have been thought through.

Ramoupi now has more than a beautiful website: it has a credible public identity, a secure participation platform and an operational foundation built for real people and real work.

Your next project

Need more than a website?

Hire Agent Q AI Solutions for a full-stack web application or AI agentic system shaped around your actual workflow — from discovery and interface design to secure data, automation and delivery.

Hire Agent Q AI Solutions

Full-stack web app development · AI agentic systems

Explore Ramoupi