SAPPHIRE LAB — WEBSITE WIREFRAMES

Lo-fi structural wireframes for all 8 pages. Greyscale only. For developer handoff.

Project: Sapphire Lab Website Pages: 8 Width: 900px desktop Version: 1.0 Status: Wireframe — pre-design

Pages in this document

P1 — Homepage Full marketing entry point
P2 — About Us Team + values + story
P3 — For Clinics Referral portal + services
P4 — For Patients Product info + enquiry
P5 — Technology Capabilities + processes
P6 — Gallery Work samples + filterable
P7 — Price List 4 category pricing tables
P8 — Contact Dual audience forms + map
Page 01 of 08
HOMEPAGE — Primary audience split + trust building
SAPPHIRE LAB
For Clinics
For Patients
Technology
Gallery
Price List
Contact
BOOK CONSULT
Nav is sticky on scroll. "BOOK CONSULT" CTA always visible — primary conversion point on all pages.
DENTAL LABORATORY · BRISBANE
Australia's most precise
dental prosthetics lab
Handcrafted + 3D-printed restorations for clinics and patients.
Same-day turnarounds. ISO-certified materials.
FOR CLINICS — REFER NOW
FOR PATIENTS — LEARN MORE
Dual CTA splits traffic by audience from the very first click. Clinics land on P3, patients on P4.
20+ Years Experience
ISO Certified Materials
500+ Clinics Served
Same-Day Turnaround
Trust bar: 4 key credibility signals at a glance. Icons from icon set (e.g. Phosphor). No scrolling required.
FOR DENTAL CLINICS
Reliable lab partner for
your practice
View services & pricing →
FOR PATIENTS
Premium restorations
made for you
Explore our products →
Dual panel reinforces audience split. Each column is a dedicated gateway — arrow CTAs go to P3 and P4 respectively.
OUR TECHNOLOGY
3D printing, CAD design, UV curing + traditional craftsmanship
Explore our technology →
Teaser links to P5. Signals capability without overwhelming the homepage. Keep copy to 2 lines max.
RECENT WORK
IMG 01
Mouthguard
IMG 02
Denture
IMG 03
Framework
IMG 04
Retainer
VIEW ALL →
5th tile is a "View All" CTA linking to P6 Gallery. Images pulled from /05_photography/.
📞 (07) XXXX XXXX
Mon–Fri 8am–5pm · Sat 9am–1pm
fb
ig
li
Footer is consistent across all pages. Add ABN + copyright line in final design. Social icons link to active profiles.
Page 02 of 08
ABOUT US — Story, team, and values
SAPPHIRE LAB
For Clinics
For Patients
Technology
Gallery
Price List
Contact
BOOK CONSULT
ABOUT US
The people behind
precision dental work
Breadcrumb label sets context. Hero is shorter than homepage — users already know the site.
Our Story
Our Approach
Meet the Team
Team Member
Title / Role
Team Member
Title / Role
Team Member
Title / Role
HERO IMAGE
Lab interior / team at work
Equipment
Workspace
60/40 split. Images pulled from /05_photography/. Right panel breaks single-image monotony with 1 large + 2 small.
OUR VALUES
Precision
Innovation
Partnership
Care
4 values cards. Icon + headline + 2-line body. Cards are equal height. Icon set must be consistent with rest of site.
Ready to work with a lab you can trust?
REFER A PATIENT
CONTACT US
Dark CTA band creates contrast after light sections. Two options — clinic flow vs general contact.
📞 (07) XXXX XXXX
Mon–Fri 8am–5pm · Sat 9am–1pm
fb
ig
li
Page 03 of 08
FOR CLINICS — Referral portal, service grid, download resources
SAPPHIRE LAB
For Clinics
For Patients
Technology
Gallery
Price List
Contact
BOOK CONSULT
FOR DENTAL CLINICS
A lab that works
as hard as you do
SEND A REFERRAL
DOWNLOAD PRICE LIST
Both CTAs present above the fold. "Download Price List" triggers PDF from 04_print_materials/. No form required.
2-para intro. Centred, max 700px — prevents line lengths exceeding 80 chars. Speaks directly to clinic pain points.
SERVICES WE PROVIDE
Custom Mouthguards
From $XX per unit
Full Dentures
From $XX per unit
Partial Dentures
From $XX per unit
Metal Frameworks
From $XX per unit
Orthodontic Retainers
From $XX per unit
Custom Implant Work
From $XX per unit
2×3 service grid. Each card = icon + name + 2-line desc + price anchor. "From $XX" keeps flexibility without full price list on this page.
HOW TO REFER — 5 STEPS
1
Download Form
2
Complete Details
3
Send Impressions
4
Lab Confirmation
5
Delivery
Horizontal step flow with connector line. Shows the referral process is simple — reduces friction for new clinics.
DOWNLOADABLE RESOURCES
↓   REFERRAL FORM (PDF)
↓   PRICE LIST (PDF)
Files served from /04_print_materials/. Auto-versioned filename prevents caching issues.
Both PDFs from 04_print_materials/. Referral form is the primary conversion action for clinic audience.
Prefer to talk? Call us directly.
Our technicians are available Mon–Fri 8am–5pm
(07) XXXX XXXX
Phone CTA for high-intent clinic visitors who prefer direct contact over form submission.
📞 (07) XXXX XXXX
Mon–Fri 8am–5pm · Sat 9am–1pm
fb
ig
li
Page 04 of 08
FOR PATIENTS — Product showcase, how it works, enquiry form
SAPPHIRE LAB
For Clinics
For Patients
Technology
Gallery
Price List
Contact
BOOK CONSULT
FOR PATIENTS
Restorations made
precisely for you
Custom dental products crafted by expert technicians using the latest technology.
Patient-facing headline focuses on the end result ("for you"), not the lab process. Empathetic, not technical.
IMAGE
Custom Mouthguards
PRODUCT 01
Custom Sports Mouthguards
Learn more →
Section 1: Image left, text right. Alternates with each product to avoid visual monotony.
PRODUCT 02
Full & Partial Dentures
Learn more →
IMAGE
Dentures example
Section 2: Text left, image right. Light grey background differentiates from Section 1 without colour.
IMAGE
Retainers example
PRODUCT 03
Orthodontic Retainers
Learn more →
HOW IT WORKS
1
Visit Your Dentist
2
Impressions Taken
3
Lab Crafts Product
4
Fitted by Your Dentist
4-step patient journey. Demystifies the process — patients rarely know what happens between dentist visit and receiving their product.
PATIENT ENQUIRY FORM
Full Name
Phone Number
Email Address
I am interested in:
Mouthguards
Dentures
Retainers
Other
Message / Questions
SEND ENQUIRY
We respond within 1 business day. Your details are never shared.
Inline enquiry form removes friction — patient doesn't need to navigate to Contact page. Checkboxes let lab pre-qualify interest before calling back.
📞 (07) XXXX XXXX
Mon–Fri 8am–5pm · Sat 9am–1pm
fb
ig
li
Page 05 of 08
OUR TECHNOLOGY — 4 capability sections, alternating layout
SAPPHIRE LAB
For Clinics
For Patients
Technology
Gallery
Price List
Contact
BOOK CONSULT
OUR TECHNOLOGY
Where craftsmanship meets
modern precision
We combine cutting-edge digital workflows with decades of hand-crafted expertise.
2-para intro sets the philosophy. Important for SEO — include keywords: 3D printing, dental prosthetics, Brisbane.
IMAGE
3D Printing process
CAPABILITY 01
3D Printing
Capability 01: image left. Starts the alternating pattern. Use action shot — printer in motion, not static product.
CAPABILITY 02
CAD Design
IMAGE
CAD software screen / technician
Capability 02: text left, image right. Screen-capture of CAD software works well here — shows technical sophistication.
IMAGE
UV curing chamber
CAPABILITY 03
UV Curing
Capability 03: back to image left. UV chamber interior makes for a distinctive, unusual image — good for social sharing too.
CAPABILITY 04
Traditional Craftsmanship
IMAGE
Technician hand-finishing work
Capability 04: humanises the lab. A close-up of hands working communicates craft and attention — balances the tech-heavy sections above.
See our technology in action
VIEW GALLERY
CONTACT US
📞 (07) XXXX XXXX
Mon–Fri 8am–5pm · Sat 9am–1pm
fb
ig
li
Page 06 of 08
GALLERY — Filterable work samples, 3-column grid
SAPPHIRE LAB
For Clinics
For Patients
Technology
Gallery
Price List
Contact
BOOK CONSULT
GALLERY
Our work speaks for itself
Shorter hero on gallery — the images ARE the content. Get users to the grid fast.
All
Mouthguards
Dentures
Frameworks
Retainers
Lab Process
Filter tabs use JS to show/hide items by data-category attribute. No page reload.
Filter tabs: client-side JS only. Each image has data-category="mouthguard|denture|framework|retainer|process". Active tab uses dark fill.
IMG 01
Mouthguard — custom colour
IMG 02
Denture — full arch
IMG 03
Framework — chrome cobalt
IMG 04
Retainer — clear
IMG 05
Lab — 3D printer
IMG 06
Mouthguard — team sport
IMG 07
Denture — partial
IMG 08
Lab — technician at work
IMG 09
Framework — partial plate
IMG 10
Retainer — Hawley type
IMG 11
Lab — UV curing unit
IMG 12
Mouthguard — youth sport
Showing 12 of 12 images · Load more button appears if >12 images are tagged in CMS
3-column grid. Heights can vary to create natural masonry feel. Each image sourced from /05_photography/. On click: lightbox overlay. Lazy-load all images below fold.
Like what you see?
Talk to us about your next restoration.
CONTACT US
📞 (07) XXXX XXXX
Mon–Fri 8am–5pm · Sat 9am–1pm
fb
ig
li
Page 07 of 08
PRICE LIST — 4 category pricing tables, 2×2 layout
SAPPHIRE LAB
For Clinics
For Patients
Technology
Gallery
Price List
Contact
BOOK CONSULT
PRICE LIST
Transparent pricing,
no surprises
Price transparency builds clinic trust. Keep the headline confidence-forward ("no surprises"), not apologetic.
All prices are ex-GST · Minimum order quantities may apply · Contact us for volume discounts
Disclaimer box below intro. Critical for clinic compliance — prices must be ex-GST. Update this when pricing changes; DO NOT hardcode into images.
MOUTHGUARDS
Standard Single Layer$XX.00
Dual Laminate$XX.00
Triple Laminate$XX.00
Custom Colour Print$XX.00
Team / Bulk (per unit)$XX.00
DENTURES
Full Acrylic — Upper$XX.00
Full Acrylic — Lower$XX.00
Partial Acrylic$XX.00
Valplast Flexible$XX.00
Immediate Denture$XX.00
METAL FRAMEWORKS
Chrome Cobalt — Upper$XX.00
Chrome Cobalt — Lower$XX.00
Framework + Try-In$XX.00
Repairs$XX.00
RETAINERS & OTHER
Hawley Retainer$XX.00
Essix Clear Retainer$XX.00
Night Guard (soft)$XX.00
Night Guard (hard)$XX.00
Snoring Appliance$XX.00
2×2 table layout. Each table has its own heading bar. Prices shown as $XX.00 placeholder — populate from 01_strategy/ pricing doc. Match to the PDF price list exactly.
Need a printable version?
Download our full price list PDF to share with your clinic team.
↓   DOWNLOAD PRICE LIST PDF
PDF version synced with this page · Last updated: [date] · From 04_print_materials/
PDF download mirrors P3 clinic page. Same file — referencing 04_print_materials/. Include a "last updated" date so clinics know it is current.
📞 (07) XXXX XXXX
Mon–Fri 8am–5pm · Sat 9am–1pm
fb
ig
li
Page 08 of 08
CONTACT — Dual audience forms + map + closing line
SAPPHIRE LAB
For Clinics
For Patients
Technology
Gallery
Price List
Contact
BOOK CONSULT
CONTACT US
Get in touch
Whether you're a clinic or a patient, we're here to help.
Single hero for both audiences. The 2-col layout below handles the split — no need for two hero variants.
FOR CLINICS — REFERRAL ENQUIRY
Send a referral or ask a clinical question
Contact Name
Clinic / Practice Name
Phone Number
Email Address
Patient Reference / Case Type
Message / Clinical Notes
I'd like to receive the referral form by email
SEND CLINIC ENQUIRY
FOR PATIENTS — GENERAL ENQUIRY
Ask us anything about your dental restoration
Your Name
Phone Number
Email Address
Your Message
SEND PATIENT ENQUIRY
PHONE
(07) XXXX XXXX
Main line — answered during business hours
BUSINESS HOURS
Mon – Fri: 8:00am – 5:00pm
Saturday: 9:00am – 1:00pm
Sunday: Closed
ADDRESS
Sapphire Dental Laboratory
[Street Address]
[Suburb, QLD XXXX]
Free parking available · Accessible entrance
FIND US
GOOGLE MAP
Embed via Google Maps API
or static map screenshot
Clinic form is more detailed (case info, checkbox). Patient form is simpler — lower friction. Ghost button differentiates the two submit actions visually.
Right panel: info hierarchy is phone → hours → address → map. Phone is biggest — many visitors just need the number. Map can be Google embed or static image fallback.
"Serving dental professionals and their patients across South East Queensland since [YEAR]."
Closing line: simple human statement. Fills awkward gap between forms and footer. Can use a real quote from owner if preferred.
📞 (07) XXXX XXXX
Mon–Fri 8am–5pm · Sat 9am–1pm
fb
ig
li
Developer Handoff Notes
Assets Photography → /05_photography/
Print PDFs → /04_print_materials/
Icons → TBD (suggest Phosphor Icons, free, consistent weight)
Fonts → TBD (defined in design phase)
Navigation Sticky nav on scroll (all pages)
Active state: filled dark background on current page tab
Mobile: hamburger menu (breakpoint <768px)
"BOOK CONSULT" CTA: always visible, links to Contact page
Forms Two forms on Contact (P8) + inline form on For Patients (P4)
Submit → backend email handler or Formspree
Validation: required fields, email format
Success: inline confirmation message (no redirect)
Gallery (P6) Filter: JS data-attribute toggle, no page reload
Lightbox on image click
Lazy load all images below fold
"Load more" pagination if >12 images
Downloads PDF files served as static assets
Referenced from P3 (For Clinics) and P7 (Price List)
Use versioned filenames to prevent browser caching
SEO / Meta Each page needs unique title + meta description
Schema: LocalBusiness + MedicalOrganization
Address + phone in structured data
Alt text on all images (especially gallery)