Global Components Phase 0
Header, footer, and navigation — shared across all pages.
Design Notes
- Logo left-aligned, nav items right-aligned
- "Pay My Bill" and "Personal Information Record" are red CTA buttons
- "Business Login" links to client.tascol.com.au (external)
- "Customer Login" links to customer.tascol.com.au (external)
- Mobile: hamburger menu with full-screen overlay
- Sticky/fixed header on scroll
- Dark background treatment (reference Pangea homepage concept footer)
- 4-column layout on desktop, stacked on mobile
Homepage
Primary entry point. Builds confidence and routes both audiences to the right action fast.
Strategic Input
The Pangea Option 2 concept provides the visual direction. Layout restructured based on Ven's UX recommendations:
- Hero reworked: Clear value proposition and audience-specific CTAs
- Immediate action bar: "Pay a Bill" and "Get Help" above the fold
- Trust bar: Compliance credentials visible early
- Business section expanded: Proper services breakdown with proof points
- Customer section expanded: Clear pathways for main needs
Design Notes
- Visual system: burgundy blocks, overlapping colour frames around photography
- Hero image: customer-focused — confident woman, natural Tasmanian environment
- Apply Pangea's colour frame treatment (burgundy/red/pink overlapping rectangles)
- Customer cards: burgundy card style expanded to 4 pathways
- Business section: text-left / image-right layout with proof strip
About Us
Heritage, purpose, and what sets Tascol apart.
What We Do
Service overview with CTAs for both business clients and customers.
Help & Resources Hub
Index page routing to resources, separated by Customer and Business.
Design Notes
- Split customer/business resources clearly (cards or columns)
- Short intro explaining purpose of hub
- Customer resources: Financial Hardship, PIR, Complaints, Customer Portal, FAQs
- Business resources: Credit Reporting/Equifax, Business Portal
- Each card/link should have a short descriptive line
Contact Us
Simple contact form with routing rules for different enquiry types.
Design Notes
- Form on left/right split with contact details/map on opposite side
- Fields: Name, Email, Phone, Enquiry Type (dropdown), Message
- Enquiry Type determines routing: Business enquiry, Customer support, General
- Include Tascol's physical address, phone, email
- Optional: embedded Google Map or location pin graphic
Personal Information Record (PIR)
Gravity Forms build. WhatsApp OTP verification, photo ID upload, Standard (free) vs Priority ($25) service options.
 - Step 7.png)
Design Notes
- "Before you start" checklist explaining what's needed
- Service option selector: Standard (free, 21 days) vs Priority ($25, ~2 business hours)
- Photo ID upload required (driver's licence, passport, personal ID card, WWVP card)
- Conditional payment flow for Priority option (Stripe/WooCommerce add-on TBC)
- Reduce friction, explain key details, make upload process smooth
- PIR support phone: (03) 6213 5555