OREZ BigCommerce Architectural Film Store Redesign and Conversion UX

Type

OREZ Distribution

Role

BigCommerce Stencil · Custom HTML · CSS · JavaScript

Stack

BigCommerce Stencil · Custom HTML · CSS · JavaScript

Status

App Dev Framework
REST API v3
OAuth 2.0
Webhooks
BigDesign
React
Node.js
PostgreSQL

01 The Problem

BigCommerce ships every merchant the same registration form. It collects a name, an email, and a password, and it creates an account on the spot no review, no qualification, no custom data.

That works for a standard retail store. It breaks immediately for merchants running wholesale programs, trade pricing, B2B onboarding, or members-only access. They need to know who is signing up before granting access. They need custom fields company name, trade pricing eligibility, purchase intent, tax ID. They need an approval step that sits between the application and the account.

Without a solution built for BigCommerce, merchants were stitching together generic form plugins with no real platform integration, creating customers manually inside the admin, and managing approvals through email threads. Submission data lived in spreadsheets. Nothing connected back to the customer record in BigCommerce. The process was slow, inconsistent, and entirely dependent on someone remembering to follow up.

02 The Solution

Codinative built a custom BigCommerce app that replaces the default registration flow with a controlled, branded, fully automated onboarding pipeline.

It installs natively into the merchant’s BigCommerce control panel through the App Development Framework, authenticated via OAuth 2.0. Customer creation on approval goes through the REST API v3. The active form injects into the storefront through the Scripts API. Every state change fires through Webhooks that trigger the correct branded email the moment a decision is made.

Merchants build forms visually without writing code. Every submission enters an approval queue. Approvals create a real customer in BigCommerce with all submitted data attached. Rejections and resubmission requests send the right branded email automatically. The entire pipeline lives in one dashboard inside the control panel. No spreadsheets. No manual emails. No developer needed after install.

Project Framework

Situation · Task · Action · Result

S Situation

OREZ was launching as the regional distributor for a global architectural film brand with no BigCommerce store identity. Their existing store had a generic template, no brand story, no structured product catalogue across 500 plus finishes and no pathway for trade customers — installers, contractors and architects — to engage with the brand.

T Task

Redesign the entire BigCommerce storefront from scratch — building a premium brand experience that communicates OREZ’s product range across five finish categories, drives product discovery for 500 plus SKUs, builds trust with trade customers and captures installer leads through dedicated sign-up sections and a launch popup.

A Action

Rebuilt the full landing page on BigCommerce Stencil with custom HTML, CSS and JavaScript. Delivered a cinematic dark hero with dual CTAs, a tabbed 500 plus finishes showcase on the homepage, category pages with Sort By and grid/list toggle, product pages with multi-image galleries and SKU detail, an installer network sign-up section and a launch popup with email and WhatsApp lead capture fields.

R Result

OREZ now has a professional, conversion-ready BigCommerce storefront that positions them as the premium architectural film supplier in the region. Retail buyers have a clear product browsing path across 500 plus finishes. Trade installers have a dedicated sign-up section. The store launched with two active lead capture mechanisms from day one.

Core Features

Four pages. One premium architectural brand.

01 Feature 01

Full-Screen Hero: Premium Brand Identity for a Global Market

The homepage opens with a cinematic full-viewport hero — a dark interior architectural image as background, a two-line headline, a descriptive sub-copy block and two CTAs side by side. Join the Network drives installers and contractors to the sign-up section. Explore Brochures drives architects and developers to the product catalogue. The OREZ logo sits on a white pill in the dark navigation bar, and a red Contact Us button anchors the header right. Built as a custom Stencil homepage template with CSS full-viewport layout and JavaScript smooth scroll for the CTA anchors. Full-viewport hero with cinematic dark interior background image Bold headline — “Reimagine Every Surface With OREZ” — with supporting sub-copy Dual CTAs: Join the Network anchored to installer sign-up, Explore Brochures to catalogue Navigation with Shop All, Brochures, Gallery, Resources, Services, Solutions, Blog Red Contact Us pill button in the header — visible on every page of the store

Feature 02

500 Plus Architectural Film Finishes: Category Showcase

The finishes showcase section on the homepage organises 500 plus SKUs into five tabbed finish categories — Wood Grain, Stone and Marble, Metallic, Solid Colour, and Concrete and Fabric. The active category tab shows a four-column swatch grid with material texture images and SKU names. Tab switching is handled in vanilla JavaScript with no page reload. Each swatch links directly to the product detail page. Built on a dark background to match the brand palette and enhance the material visual quality. Five finish category tabs — Wood Grain, Stone and Marble, Metallic, Solid Colour, Concrete and Fabric Four-column swatch grid with material texture images and SKU names per category Vanilla JavaScript tab switching — no page reload, instant category switch Each swatch links directly to the BigCommerce product detail page for that finish Dark background enhances material texture visibility across all finish types

02

03 Feature 03

Category Page: Browse Finishes with Sorting and Wishlist

Every finish category — Brushed Metal, Wood Grain, Stone and Marble, Solid Colour and more — has a clean white category page template. A Sort By Featured Items dropdown controls product order. A grid/list view toggle lets customers switch between the four-column swatch grid and a detailed list view. Each product card shows the material texture swatch image, product name in uppercase and a heart icon for wishlist saving. Built as a custom BigCommerce Stencil category template with vanilla JavaScript for the view toggle. Sort By Featured Items dropdown — controls product display order Grid and list view toggle built in vanilla JavaScript — no page reload Four-column product grid showing material swatch images and SKU names Wishlist heart icon on every product card — saves to BigCommerce wishlist Breadcrumb navigation — Home / Shop All / Category — for SEO and orientation

Feature 04

Product Detail Page: Clean SKU View with Multi-Image Gallery

Each architectural film finish has its own product detail page built from a custom BigCommerce Stencil product template. The layout is a three-column structure — a vertical thumbnail strip on the left with four swatch images, a large primary image in the centre and product information on the right. The information column shows the product name in uppercase, star rating with a Write a Review link, SKU code, condition, a wishlist button and five social sharing buttons. Clicking a thumbnail swaps the primary image via vanilla JavaScript. Vertical thumbnail strip with four swatch images on the left — click to swap main image Large primary swatch image in the centre for detailed finish inspection Product name in uppercase, SKU code, condition and star rating on the right Wishlist heart button — saves to BigCommerce customer wishlist Five social sharing buttons — Facebook, Email, Print, Twitter and Pinterest

04

05 Feature 05

Installer Network Sign-Up: Lead Capture Built Into the Store

The installer network section appears on the homepage with an architectural interior photograph on the left and a lead capture panel on the right. An Opening Soon kicker establishes launch urgency. The headline — Become Part Of OREZ — addresses trade customers directly. Supporting copy explains the expansion across the installer network. An email subscribe input with a red Subscribe button captures leads. The section also shows the business email, city, country and six social media links — LinkedIn, X, Instagram, Facebook, WhatsApp and YouTube. Built as a custom Stencil section with Handlebars.js. Opening Soon kicker with Become Part Of OREZ headline targeting trade customers directly Email subscribe input with red Subscribe button for installer network lead capture Business email, location and six social media platform links on one section Split layout — architectural interior image left, lead capture panel right Built as a custom Stencil section with Handlebars.js — no third-party widget

01 Feature 01

Visual Form Builder

The builder splits into a field palette and a real-time live preview. Drag a field in, the preview updates immediately. Thirteen field types across four groups.

Basic Inputs — Text · Email · Phone · Number
Selection Fields — Textarea · Select · Radio · Checkbox
Address Fields — Country · State/Province
Special Fields — Date · File · URL

A theme editor handles form colors, typography, and button styles — no CSS needed. First Name, Last Name, Email, and Password are locked because BigCommerce requires them to create a customer through the REST API v3. Desktop and Mobile viewport toggles let merchants verify the form renders correctly before it goes live.

Core Features

Architecture

Registered through the BigCommerce App Development Framework. OAuth 2.0 handles authentication through a standard handshake identical to every app in the BigCommerce App Marketplace. Customer creation uses the REST API v3 Customers endpoint. The active form injects into the storefront through the Scripts API. Submission and approval events fire through Webhooks that trigger email dispatch the moment a status changes. The dashboard runs on BigDesign tokens for native control panel styling with custom React components for the form builder and preview.

Layer	Technology
App Framework	App Framework
Authentication	OAuth 2.0
Customer Creation	BigCommerce REST API v3
Storefront Injection	Scripts API
Event Layer	Webhooks
Admin UI	BigDesign + React
Backend	Node.js
Database	PostgreSQL
Email	Transactional Email API

What Was Shipped

Deliverables

Full-screen cinematic hero with dark background, brand headline, sub-copy and dual CTAs

Navigation bar with Shop All, Brochures, Gallery, Resources, Services, Solutions, Blog and Contact Us pill

500 plus finishes showcase with five category tabs and four-column swatch grid on the homepage

Category pages with Sort By dropdown and grid/list view toggle for all five finish categories

Product detail pages with vertical thumbnail strip, large primary image and SKU information panel

Star rating, Write a Review link, condition, wishlist button and five social sharing buttons on every product page

Installer network sign-up section with email subscribe input, location and social media links

Launch popup with early access lead capture for email, name and WhatsApp fields

KOINTEC product education section explaining architectural film technology with icons and feature grid

Full brand identity system — dark theme, red accent, white OREZ logo pill applied across all templates

Custom HTML, CSS and JavaScript — zero third-party page builder apps used

Fully responsive layout across desktop, tablet and mobile viewports

BigCommerce app with OAuth 2.0 install flow and native control panel integration

No-code visual form builder — 13 field types, live preview, theme editor

Multi-form library with independent configurations and one-click exclusive activation

Approval workflow engine — Pending · Approved · Rejected · Resubmission

Filterable, searchable request management queue

Applicant detail view with full submission data and instant action buttons

Five branded transactional email templates — merge variables, Custom HTML, live preview

Analytics dashboard with real-time approval rate and recent submissions

Native BigDesign UI throughout — matches BigCommerce admin exactly

Common Questions

Frequently Asked Questions

What is an architectural film store on BigCommerce?

An architectural film store on BigCommerce is a product catalogue that organises surface wrapping films by finish category — Wood Grain, Stone and Marble, Metallic, Solid Colour, Concrete and Fabric. Each category page displays SKU-level product cards with material swatch images, a Sort By control and a grid/list toggle. Product pages show multi-image galleries, SKU codes, condition information, wishlist and social sharing buttons. The store targets both retail buyers and trade installers from a single BigCommerce Stencil storefront.

How does Codinative build a dark premium BigCommerce storefront?

A dark premium BigCommerce storefront is built as a custom Stencil theme with a full-screen cinematic hero section, dark background colour tokens applied globally across all templates and a custom CSS system that overrides Cornerstone defaults. The OREZ homepage uses a full-viewport background image with a text overlay, dual CTAs and a navigation bar with a red Contact Us pill button — all implemented in custom HTML, CSS and JavaScript without a page builder.

What is an installer network sign-up section on BigCommerce?

An installer network sign-up section is a lead capture landing section embedded in the BigCommerce storefront. It targets trade customers — installers, contractors and designers — with a headline, descriptive copy and an email subscribe input. On the OREZ store it includes the sales email, location, social media links and a Subscribe button. Built as a custom Stencil section with Handlebars.js and connected to a BigCommerce subscriber or third-party CRM endpoint.

How is a BigCommerce category page built for 500 plus film finishes?

A BigCommerce category page for 500 plus SKUs uses a custom Stencil category template with a four-column product grid, a Sort By dropdown and a grid/list view toggle built in JavaScript. Each product card shows the material swatch image, product name in uppercase and a wishlist heart icon. The OREZ store organises finishes into five parent categories so customers navigate by material type before browsing individual finishes.

Does the BigCommerce product page for architectural film show a multi-image gallery?

Yes. The OREZ product page template includes a vertical thumbnail strip on the left with four or more swatch images and a large primary image on the right. Built as a custom Stencil product template, the thumbnail strip uses JavaScript to swap the primary image on click. The right column shows product name, star rating, Write a Review link, SKU, condition, wishlist button and social sharing buttons for Facebook, email, print, Twitter and Pinterest.

How long does Codinative take to redesign a full BigCommerce store like this?

A full BigCommerce store redesign of this scope — cinematic homepage, 500 plus product catalogue across five categories, custom product and category page templates, installer sign-up section, lead capture popup and product education section — takes Codinative eight to twelve weeks from discovery to live deployment, including responsive QA and content population across all templates.

What is a custom signup form app for BigCommerce?

It replaces the native BigCommerce customer registration with a configurable form that routes every submission into a merchant-controlled approval workflow. The merchant collects whatever data the business needs, reviews applications from a centralized dashboard, and approves or rejects them before a customer account is created in BigCommerce through the REST API v3. It installs directly into the control panel through the App Development Framework no third-party dashboard, no separate login.

Why does this need to be a BigCommerce app and not a script or plugin?

A script tag renders a form in the storefront but cannot create customers, listen to Webhooks, or build an admin UI inside the BigCommerce control panel. The App Development Framework provides OAuth 2.0 authentication and authorized REST API v3 access both required for an approval workflow that produces real customer records with full attribute data in BigCommerce. Any solution not built on the App Development Framework has no reliable path to the customer API.

What OAuth scopes does the app request?

Add Your Heading Text Here Add Your Heading Text Here Add Your Heading Text Here Add Your Heading Text Here Add Your Heading Text Here

Does this app support B2B and wholesale onboarding on BigCommerce?

Three at install. store_v2_customers to create approved customers through the REST API v3. store_themes_manage to inject the active form into the storefront via the Scripts API. store_v2_information_read_only for store context currency, locale, platform name. No payment, order, catalog, or financial data scopes are requested.

Can merchants switch between different signup forms for different campaigns?

Yes. The approval workflow, custom fields for business qualification trade pricing eligibility, company type, purchase intent, order volume and the applicant detail view with instant actions make this a direct fit for wholesale gating, trade pricing programs, B2B Edition onboarding, and any merchant who needs to qualify buyers before granting account access.

What happens the moment a merchant approves an applicant?

Yes. Every saved form keeps its own field configuration and theme independently. Merchants build once, deactivate after the campaign, reactivate next time with one toggle. Nothing is rebuilt. Wholesale forms, seasonal forms, and standard forms all live in the same library and switch in a single click.

Can this be built as a private app for one store instead of a marketplace app?

Yes. Codinative builds both App Marketplace apps and private single-client apps. A private app installs into one store only, carries the merchant's branding throughout, and bypasses the marketplace review timeline. It is the right choice when the app handles logic specific to one merchant's operation.

How long does it take to build a BigCommerce app like this?

Six to ten weeks from discovery to App Marketplace submission. That covers OAuth setup, REST API v3 integration, dashboard UI, cross-device QA, and the BigCommerce security review. Private apps without the marketplace review run slightly faster.

Codinative is a verified BigCommerce Partner.

Codinative designs and builds custom BigCommerce storefronts. Full store redesigns, Stencil theme development, B2B and trade lead capture, 500 plus product catalogues and REST API v3 integrations. BigCommerce only. Every project, every developer, every day.