Proposal by O!M
Russell Stone Group Website Redesign
Wireframe, UI / UX and development
Client
Russell Stone Group
Category
Website UI/UX Redesign
Custom Development
SEO (Search Engine Optimisation)
Analytics Tracking (In-depth Reporting)
The Goal
The goal of this project is to reimagine the Russell Stone Group website into a refined, contemporary digital experience that reflects the sophistication, scale, and vision of the group. The new platform will embrace a clean, modern, and minimalist aesthetic, paired with immersive 3D visual elements and thoughtful interaction design to showcase the various pillars and divisions of the business in a cohesive and engaging manner.
This redevelopment extends far beyond a visual refresh. The objective is to create a premium digital ecosystem that not only elevates the brand’s online presence, but also provides a clear and adaptable framework for ongoing brand communication and future growth. The website will be built with usability and longevity in mind, ensuring that the Russell Stone Group team can confidently manage, update, and expand the platform internally as the business evolves.
As part of this process, we will also explore strategic refinements to the broader brand system, including typography, colour application, and messaging hierarchy, to strengthen consistency, improve communication, and create a more distinctive and elevated brand identity across all digital touchpoints.
By implementing a user-friendly structure and streamlined backend, routine updates, news articles, and ongoing content management can be handled internally with confidence and efficiency.
Ultimately, this project presents an opportunity to strengthen the Russell Stone Group digital footprint, enhancing clarity, professionalism, and brand unity across every touchpoint while supporting long-term scalability, adaptability, and operational ease.
The Blueprint
Vision
Approach
Ethos
As a team, we pride ourselves on our relentless commitment to cultivating meaningful and long-lasting client relationships, always seeking opportunities to add value wherever possible. We approach every new challenge as an opportunity to grow, refine our skills, and deepen our understanding of both the industries we work within and the people we work alongside.
At OPTOG! Media, we believe that strong partnerships are built through trust, adaptability, and consistent communication. We strive to evolve alongside the ever-changing digital landscape while remaining grounded in the core values upon which our company was founded: creativity, professionalism, innovation, and genuine collaboration.
The Timeline
Phase 1 (Conceptual Animations & Design)
- Project designs delivered (8-10 weeks)
- Discovery, strategy, and planning phase
- Sitemap and user experience planning
- Brand direction and visual identity refinement
- Initial interface concepts and design direction
- Interactive website design and immersive elements
- Feedback & Revisions (1-3 weeks)
Phase 2 (Roll-out & Implementation)
- Roll-out and project onboarding phase (Estimated 2–4 weeks)
- Existing website and content audit
- Import and migration of relevant content and data to new platform
- Website development and staging environment setup
- Management and admin dashboard structure
- Interactive design implementation and immersive functionality
- Feedback, refinement, and revision phase (Estimated 1–2 weeks)
- Quality assurance, optimisation, and cross-device testing
- Final implementation and website publishing (Estimated 1 week)
- Website launch and deployment
- Post-launch support and management training phase
Project Highlights
Atterbury Trust
The challenge was to create a simplified navigation for a very complex and content heavy website. This was achieved by deep-diving into the SEO and actual user data to ensure each page is curated to ensure conversions and engagement.
Doc Scientia
Combining eCommerce, physical product sales, wholesale and an online learning platform that directly integrates with the clients bookkeeping, multiple courier / pickup options and online payment services to ensure a seamless user journey.
Seatme
The goal was to create a platform where artists and organisations can make use of an online ticketing platform that allows them to tailor each event to their specific needs. A highly adaptable and scalable infrastructure makes it possible to scale the website and ensures that maintenance can be done effortlessly.
Bulletin
Redesigning this platform meant that we had to curate and custom code an entire new platform, ensuring that all features meets the exact needs of the client, their editors, journalists and paid subscribers. This included tiered access and custom backend management systems so that editors and admins can manage subscribers and content. on the go.
D’vine Skin & Body
The challenge was to create a luxurious online presence that reflects the feeling of the physical store. The eCommerce platform was integrated to digitise all vouchers and gift cards, allowing users to use there in store or online.
Menlopark Hoërskool
The new website not only had to look good, but directly integrate via API’s with the calendar and event systems provided by the client. We created a hub for all contact forms, lead submissions, information, all managed by the client and teachers at the school to ensure that all information is relevant, up to date and dynamicly integrated.
VDT Attorneys
The mission was simple; Create a digital footprint that embodies the legacy and values of VDT Attorneys. Furthermore, we had to ensure that the services offered are easily understoor and accesible to their broad client base.
The Teleco Group
Future-forward with and an online presence inline with the groups corporate identity and personality. The website now serves mainly as a hub portal for the Teleco Team where client communications, follow-up and lead management is all done seamlessly on one single platform.
Breakdown
Strategy & Design
Along with project kick-off, an in-person/online meeting will be set up to discuss all relevant internal processes, debrief on the design direction and also discussion concerning the user journey (UI/UX). This is done to ensure clear communication and direction with the project, but also to best understand the required maintenance capabilities, integrations and systems that may be relevant to increase website productivity.
A private link showcasing the new website is created including the updated look & feel, colours and fonts and presented to the client.
An integrated system is added to ease the collection and management of live feedbacks directly from the client to the OPTOG! Media team. This ensures that all revisions are centralised and updated/changes can be tracked live by the OPTOG! Media team and the client.
Integrations & Implimentation
As part of the rollout, we will integrate Brevo and Google Site Kit into the website to support effective communication and performance tracking. Brevo will handle email marketing, automated responses, and contact list management, allowing the client to engage with users efficiently, using email, SMS, Whatsapp and push notifications along with communication tracking.
Google Site Kit will connect services like Google Analytics (GA4), Google Search Console, Google Ads and Google PageSpeed Insights directly to the website dashboard, giving clear visibility into site performance and user behavior. These tools will be set up during development to ensure everything is ready for use at launch.
The entire platform to be backed up and launched once ready. A staging website setup is included with auto-updates for further development and feature testing, while not affecting the live website.
Daily automated backups are setup with a log retention of 14 days.
Inspiration & References
Razorpay Sprint ’26
Clean, modern and combination deisgn of 2D and 3D elements to create an immersive experience.
Use of sub-menu’s to allow for ease of navigation and clean UI to ensure user conversion, effective call to actions and focal layouts.
Fourmula
Minimalist design with an app-like feel to ensure a neo-classic feel with a very modern approach.
Call to actions are clear and the user journey is guided by the effective use of animation, mouse-interactive elements and layouts.
DeGraw & DeHaan
Micro-animations, clean design, modern layouts and subtle effects all ensure a pleasant, guided user journey all while retaining attention and ensuring clear and effective brand communication.
Smooth scrolling and high-end photography bringing the brand to life on a digital platform.
Montfort Group
Fully immersive, minimalist and clean layouts allowing the user to play and explore the website on their own terms.
This creates incredible retention and ensures clear communication with the user in terms of brand language, services and offerings.
Cost Estimation
Initial Cost (Once-off)
This is an overview of an entire website redesign, brand expansion, transferring of data, restructuring and integrations.
Subtotal:
VAT:
Once-Off Total:
R 125,640.00
+ 15%
R 144,486.00
Retainer Cost (Monthly)
This is an overview of the monthly retainer amount payable for hosting, maintenance, upkeep and updates.
Subtotal:
VAT:
Monthly Total:
R 8,490.00
+ 15%
R 9,763.50
Additional Add-on Services
- Custom development
- Video production
- Audio production
- 360 Virtual tours
- Photography
- Copywriting
- Graphic illustration
- Further API integrations
- Automated processes
- Social media management
- Paid digital advertising
- Ticketing solutions (powered by Seatme)