Website
Redevelopment
Proposal

Prepared by
Date 12 June 2026
Version 3.0
Scroll
01

Introduction

Following the initial proposal, Avon confirmed a total investment of $130,000 for this engagement. Intuji's original estimate ranged from $149,000 to $197,500. To bridge that gap, the 500 to 550 hours previously purchased with Intuji will be redirected from ongoing support to this development engagement. Combined, these bring the total resourcing close to the original estimate and make this project viable at the confirmed investment level.

As the previously purchased hours will be applied to this project, it is worth planning for how ongoing site support will be handled during the engagement period.

All four modules are in scope: the Knowledge Hub, Product Configurator, Gated Partner Portal, and Interactive Map. The precise feature scope and effort split for each module will be confirmed in Discovery. Where needed, certain features may be simplified or carried into a future phase, agreed with Avon before any build work begins.

1 Unified Website
3 Project Phases
4 Add-on Modules
02

Recap

Building on the previously selected solution, Avon and Intuji have agreed on the full project scope and confirmed the plan to move forward.

Original Selection

Avon selected the Standard Shopify Build to consolidate the marketing website and ecommerce store on a single, unified platform.

  • Core website redesign on Shopify Liquid
  • Marketing site and ecommerce store merged under one domain
  • Buy Now and Enquire Now dual customer paths
  • Shopify as the central engine for content and commerce

Confirmed Full Scope

The four add-on modules are all in scope. The $130,000 investment combined with the redirected 500 to 550 hours brings the total resourcing close to the original $149,000 to $197,500 estimate. Discovery will confirm the exact feature scope for each module.

  • Product Configurator: A guided tool to help customers build compatible product systems.
  • Gated Partner Portal: A secure resource hub for partners and media, replacing Showpad.
  • Knowledge Hub: A structured content platform for articles, guides, and thought leadership.
  • Interactive Map: A visual locator for global sales representatives and distributors.
03

Scope of Work

The new scope has been categorised into two groups to facilitate a phased, risk-managed rollout.

Non-Negotiables

Core Activities

The foundational works required to redesign the frontend, merge both websites, and deliver a fully operational global platform. Mandatory for the initial launch.

  • Full website redesign and responsive frontend rebuild
  • Marketing site and ecommerce store merged under one domain
  • B2B and B2C customer paths
  • Knowledge Hub replacing the existing blog
  • CMS page builder for marketing team autonomy
  • SEO migration and redirect strategy
  • WCAG 2.2 AA accessibility compliance
  • GDPR compliant data handling
Additional Modules

Add-on Activities

High-value, specialised modules developed and integrated independently. Not blockers for go-live; can be selected, sequenced, or phased based on operational readiness.

  • Product Configurator
  • Interactive Map
  • Gated Partner Portal
04

Project Phases

The project follows a structured three-phase methodology. Each phase has defined deliverables for both core launch requirements and optional add-on modules.

Discovery

Deep-dive into requirements, user journeys, third-party integrations, and content architecture to define the complete technical specification.

Design

Create the premium visual identity, responsive page templates, and complete UX flows for all B2B, B2C, and content experiences.

Development

Build production-ready frontend code, CMS components, ecommerce logic, API integrations, and all backend systems.

Project Phases

Phase 1: Discovery

3 Virtual Sessions

What We Will Cover

  • Map the B2B user journey from first visit to enquiry.
  • Map the B2C user journey from first visit to purchase.
  • Discuss design direction, visual identity, and brand experience.
  • Define the Knowledge Hub structure and content types.
  • Agree on website pages, information architecture, and navigation.
  • Discuss third-party app integration requirements.
  • Define Product Configurator requirements, including compatible product combinations and selection steps.
  • Define Interactive Map requirements, including how dealers and distributors are displayed and searched.
  • Define Gated Partner Portal requirements, including login access, user roles, and content migration from Showpad.

What You Receive

  • A detailed requirements document covering what the website will do and how it will work.
  • A clear summary of the business goals, priorities, and success criteria for the project.
  • Detailed specifications for the map, configurator, and partner portal features.
  • A Showpad migration plan with content mapping and timeline.
Project Phases

Phase 2: Design

2 Design Reviews

What We Will Do

  • Design how a single website serves both B2B and B2C users with tailored journeys.
  • Create reusable design components used across the entire website.
  • Design all pages across desktop, tablet, and mobile.
  • Design the interactive map, product configurator, and partner portal.
  • Build a clickable Figma prototype so the Avon team can test the experience before development.
  • Hold 2 feedback sessions to review designs and address all feedback.
  • Hold a final review meeting to obtain signoff before development begins.

What You Receive

  • A clickable Figma prototype of the complete website, including all modules.
  • A design system with all reusable components, colours, and typography.
  • The information architecture and page structure for the website.
  • Complete design files for the map, configurator, and partner portal.
Project Phases

Phase 3: Development

4 Sprints
4 Review & Feedback

What We Will Build

  • Build the frontend as per the approved Figma designs.
  • Build the CMS and page builder so the marketing team can update pages and content.
  • Build the B2C shopping experience on Shopify with cart, checkout, and customer accounts.
  • Build admin pages to view and manage B2B enquiries.
  • Build the Knowledge Hub with article management.
  • Build the interactive map so visitors can find dealers and distributors near them.
  • Build the product configurator with real-time pricing and bundle checkout.
  • Build the Partner Portal with secure login, account management, and document access.
  • Connect the website with Klaviyo, Docebo, and Zendesk.

What You Receive

  • UAT access after every sprint to test and provide feedback.
  • A production-ready website and CMS ready for launch.
  • All four modules tested and ready for launch: interactive map, product configurator, partner portal, and Knowledge Hub.
  • Guides and manuals to operate the website and CMS independently.
05

Technical Approach

The Standard Shopify Build uses Shopify's native theme for the website frontend, with Shopify powering commerce, checkout, and admin throughout.

Standard Shopify Build

This approach uses Shopify's native Liquid theme for the website frontend. The backend remains fully powered by Shopify and custom Node.js apps for specialised modules.

A purpose-built Shopify theme delivering the Avon brand within budget.

Solution Options
Solution

Introduction

This approach uses Shopify's native theme for the frontend, which requires simplifying the premium design and embedding the configurator via iframes to meet the deadline. Behind the scenes, the backend remains powered by Shopify and custom apps.

Cheaper and faster to launch, but compromises the premium design.

Frontend Shopify Liquid

Built within Shopify's native template system.

Page Builder / CMS Shopify Theme Editor

Drag-and-drop editing for your marketing team.

Commerce Engine Shopify

Handles products, cart, checkout, and payments.

Additional Modules Node.js, Remix, React

Product Configurator, Dealer Locator, and Partner Portal, embedded via iframes.

Shopify Monolithic Platform
Coupled Architecture: Native Shopify
Core Pages
Home, Product
Product Configurator
Loaded via Iframe
Store Map
Loaded via Iframe
Partner Portal
Loaded via Iframe
Direct Connection
Unified Shopify Platform Backend
Page Builder / CMS Shopify Theme Editor
Commerce Management
Products, Orders, Checkout, and Payments
  • Product Configurator Data
  • Store Map Data
  • Partner Portal Data
Solution Options

Pros & Cons

Understanding the trade-offs of the Standard Shopify Build.

What You Get

  • A fresh, custom design built for your brand within a Shopify Liquid theme, rather than a generic store template.
  • Much cheaper to build because we use existing systems instead of coding everything from scratch.
  • Quicker to build, reducing the risk of project delays and helping you meet your target launch date.
  • Everything stays inside Shopify, making it simple and familiar for your internal team to manage.
  • Your marketing team can easily update content and images within the pre-built custom templates.

What You Do Not Get

  • Strict theme rules force us to negotiate on design elements. The website will lack the fluid, unique feel of top-tier global brands.
  • Customer tools are basic, relying on simple forms, a clunky map, and forced file downloads rather than easy online previews.
  • Your marketing team cannot create new pages on their own. They will need technical support to build any new layouts or campaign structures.
  • Future growth is highly limited. Adding Phase 2 features like 3D products or complex portals will likely force a costly, full rebuild.
06

Solution Evaluation

The Standard Shopify Build is evaluated across four core pillars using a score of 1 to 10, where 10 represents complete alignment with the project requirements.

UI/UX

How premium, customised, and visually engaging the website looks and feels to your users.

Automation

How much manual, operational work the system handles automatically for your team behind the scenes.

Configurability

How easily the marketing team can build pages, update modules, and manage the site without needing a developer.

Future Capability

How scalable the website foundation is to easily add complex new features later without needing to rebuild.

Scoring Key

1 – 3 High Friction
4 – 6 Partial Alignment
7 – 8 Moderate Alignment
9 – 10 Complete Alignment
Solution Evaluation

Evaluation #1: Core Website

Core Pillar Standard Shopify Build Score
UI/UX The frontend is built using Shopify Liquid templates. Design is customised within the constraints of Shopify's theme architecture. This means highly fluid animations and fully bespoke layouts will require more technical effort to implement cleanly. 4 / 10
Automation By utilising Shopify's native capabilities, core functions like secure payments, order processing, automated customer emails, and lead data capture seamlessly integrate with your backend. This level of automation is highly effective for your current requirements and keeps manual administration to a minimum. 7 / 10
Configurability Utilising Shopify as the primary CMS means your marketing team can easily manage and update pre-created template blocks. However, because the system restricts you to these native tools, creating entirely new, custom page layouts will require technical support. 4 / 10
Future Capability Because the website foundation is tightly bound to standard templates, adding complex B2B portals later will force inefficient workarounds or a costly full rebuild. 3 / 10
Solution Evaluation

Evaluation #2: Product Configurator

Core Pillar Standard Shopify Build Score
UI/UX Operating within standard template constraints means the product configurator will function as a multi-step form. Dynamic image changes and advanced animations are technically achievable but require careful scoping. The exact interaction model will be confirmed in the Design phase. 4 / 10
Automation A custom Shopify application handles backend processing. Configuration selections automatically generate a single Shopify order with accurate pricing, requiring zero manual intervention. 8 / 10
Configurability Your team will manage product rules using a form-based interface within the Shopify admin. While functional, it relies on manual data entry without visual previews, making complex updates slower. 6 / 10
Future Capability Introducing advanced capabilities like 3D product modelling or augmented reality in Phase 2 will likely require significant rework or a rebuild of the configurator module. 3 / 10
Solution Evaluation

Evaluation #3: Interactive Map

Core Pillar Standard Shopify Build Score
UI/UX Relying on standard templates restricts the map to a basic embedded window. Visually, it looks like a disconnected box, and functionally, it offers a rigid search experience with no smooth animations or fluid transitions when a customer searches for a location. 4 / 10
Automation The primary purpose of this tool is discovery, allowing users to visually locate regional sales representatives. Backend automation is inherently minimal and handled effectively within this approach. 5 / 10
Configurability Your team will manage and update global distributor locations using standard Shopify data fields. This provides a functional, straightforward administrative process. 7 / 10
Future Capability Should you wish to introduce advanced features like real-time tracking or dynamic map updates in Phase 2, the standard templates will struggle to process smooth transitions, representing a significant technical limitation. 3 / 10
Solution Evaluation

Evaluation #4: Gated Partner Portal

Core Pillar Standard Shopify Build Score
UI/UX Working within standard templates means users will see a basic, text-heavy list of available resources. They cannot preview documents like PDFs in the browser; they must physically download the files to their device to see the contents. 4 / 10
Automation Shopify's native authentication system securely manages user logins and role-based access. The backend automatically records download logs, giving your team clear visibility over who accesses which resources without any manual tracking. 8 / 10
Configurability To upload a new PDF or video, your marketing team will use a custom resource management application within the Shopify backend. The administrative process to manage and distribute these files is straightforward. 8 / 10
Future Capability This setup is limited strictly to basic file hosting for PDFs, images, and videos. It cannot support in-browser media playback or advanced file previews, restricting how users interact with your assets moving forward. 4 / 10
Solution Evaluation

Solution: Evaluation Scorecard Summary

An assessment of the Standard Shopify Build across all four evaluation pillars.

Evaluation Pillar Standard Shopify Build
UI/UX 4 / 10
Automation 7 / 10
Configurability 6.3 / 10
Future Capability 3.3 / 10
AVERAGE SCORE 5.1 / 10

This score reflects the inherent trade-offs of building within Shopify's native theme architecture. Intuji will work to maximise quality within these constraints, prioritising the frontend experience throughout the project.

18

Budget Consideration

Why the original estimate of $149,000 to $197,500 is now achievable within the confirmed budget, and how Intuji plans to deliver it.

The Numbers

  • Intuji's original estimate for this engagement was $149,000 to $197,500. Avon has confirmed a budget of $130,000 for this project.
  • The 500 to 550 hours previously purchased with Intuji will be redirected from support to this development engagement. Combined with the $130,000 investment, the total resourcing is comparable to the original estimate.
  • Redirecting those hours means they will not be available for support of existing Avon sites. If support is required during the engagement, additional hours will need to be purchased on a needs basis.
  • Discovery will confirm the precise effort split across all modules. Where the detailed scope exceeds what is achievable within this budget, options for deferral to the next financial year will be agreed with Avon before any build work begins.

How Intuji Will Manage It

  • The frontend website experience is the highest priority. All design and interaction quality decisions will protect the customer-facing result first.
  • Where necessary, admin tooling or back-end functionality may be simplified to protect the quality of the frontend. Any such decisions will be flagged and agreed with Avon before implementation begins.
  • The exact feature scope for each module will be agreed during Discovery and validated during Design before development begins. There will be no surprises.
  • Intuji will deliver the highest quality result achievable. The goal is a premium, production-ready platform that represents the Avon Protection brand.
Investment

Investment

Estimated total investment of approx. $130,000 USD, to be confirmed following Discovery.

Phase / Module Estimated Timeline
BasicPhase 1: Discovery 15 Jun – 26 Jun
(10 Business Days)
BasicPhase 2: UX/UI Design 29 Jun – 10 Jul
(10 Business Days)
BasicPhase 3: Core Feature Development 06 Jul – 14 Aug
Add-onInteractive Map 5 – 7 days
(Within Core Dev)
Add-onProduct Configurator 8 – 10 days
(Within Core Dev)
Add-onGated Partner Portal 8 – 10 days
(Within Core Dev)
Estimated Investment ~$130,000 USD
Previously Purchased Hours 500 – 550 hrs
Investment

Project Timeline

Jun
Jul
Aug
Sep
15
22
29
7
14
21
28
4
11
18
1
8
15
22
Discovery 10 days
15 Jun – 26 Jun
UX/UI Design 10 days
29 Jun – 10 Jul
Core Development ~30 days
06 Jul – 14 Aug
Add-on Modules Within core dev
Map · Configurator · Portal
UAT Session 1 day
17 Aug
UAT Testing 10 days
18 Aug – 29 Aug
Production Release Within the week
31 Aug – 4 Sep
Leadership Updates
10 Jun
6 Jul
3 Aug
Fixed Investment $130,000 USD
Evaluation Score 5.1 / 10
09

Delivery Roadmap

What will be delivered this financial year, and what can be planned for the next.

This Financial Year
~$130,000 + 500–550 hrs
01

Discovery

Requirements, user journeys, and module scope agreed across 3 virtual sessions.

02

Design

Full website and all four modules designed in Figma across 2 feedback rounds.

03

Development

Core website, Knowledge Hub, Product Configurator, Interactive Map, and Gated Partner Portal built and launched. Frontend quality is the primary commitment.

During Discovery, requirements will be prioritised. If any features cannot be delivered within this engagement, they will be planned for the next financial year and agreed with Avon before build begins.
Next Financial Year

Enhanced Editorial Workflows

Advanced Knowledge Hub content types, editorial approval flows, and content scheduling.

Advanced Configurator Interactions

Richer product visualisation, dynamic image updates, and complex compatibility logic.

Partner Portal Enhancements

Extended partner features, deeper access controls, and additional resource management tools.

Deferred Scope from Phase 3

Any features identified during Discovery that cannot be delivered within the current budget will be scoped and prioritised here.

08

Client Involvement

Estimated time commitment required from the Avon team across each project phase.

Jun
Jul
Aug
Sep
15
22
29
7
14
21
28
4
11
18
25
1
8
15
22
Discovery
6 hours
Design
6 - 8 hours
Development
8 - 10 hours
UAT Session
3 - 4 hours
UAT Testing
2 Weeks
09

Key Considerations

Frontend is the Priority

The frontend website experience is the primary deliverable for this engagement. Where trade-offs are required to meet the agreed budget, the quality and completeness of the frontend will be preserved first.

Avon Team Availability

Timely input from the Avon team is required at key checkpoints across all three phases. Delays in feedback, content provision, or approvals will directly affect the delivery schedule.

Admin and Functionality Trade-offs

Where necessary, the admin experience or back-end functionality of a module may be simplified to preserve the quality of the frontend within the agreed budget. Any such trade-offs will be agreed with Avon during Discovery before work begins.

Scope Finalised in Discovery

The exact feature scope for each module will be agreed and documented during the Discovery phase. Any functionality that cannot be delivered within the agreed budget will be identified at this stage and agreed before Design begins.

Investment and Resourcing

Intuji's original estimate was $149,000 to $197,500. The confirmed investment of $130,000 USD, combined with the 500 to 550 hours redirected from the previous support engagement, brings total resourcing close to that original range. Note that redirecting those hours means they will not be available for support of existing Avon sites. Additional support hours will need to be purchased on a needs basis during this engagement. Any requirements outside the agreed scope will be quoted separately.

10

Next Steps

1

Sign Off and Confirm the Start Date for Discovery

2

Kick Off Discovery Session

3

Agree on Feature Scope During Discovery and Design

Download Proposal as PDF