Celectric / Presentation Mode

Mockup flow prepared for client presentation.

Use this page as your presenter dashboard. It gives you the recommended speaking order, the key mockup pages to open, and the story to tell: industrial catalog first, faster product discovery second, RFQ conversion third.

Open homepage mockup Open strategy pitch page

1. DirectionIntroduce Celectric as a modern industrial catalog + RFQ platform.

2. DiscoveryShow homepage, products, brands, and search paths.

3. Product depthShow product detail, variant logic, and grouped documents.

4. Trust + SEOShow blog/resources and explain future scaling.

Recommended talk track

What to say in 3 minutes

Start with the business angle: this is not just a prettier company website; it is a product discovery and RFQ machine.

Show browsing confidence: buyers can enter by category, brand, model, or search intent.

Show product-page clarity: specs, variant/part number logic, and documents live together instead of being scattered.

End with growth logic: blog/resources help SEO and trust without turning Phase 1 into bloated nonsense.

Presenter notes

What to emphasize

Industrial buyers often search by brand + model, not by pretty marketing slogans.

Minor product options stay on one product page to avoid SEO mess.

Documents are grouped properly so datasheets and certificates are easier to find.

The mockup structure is already prepared for Laravel Blade + Tailwind implementation later.

Primary mockup path

Open these pages in this order

Step 1Homepage

Homepage

Use this to explain the new positioning, category entry points, featured products, and RFQ-first CTA hierarchy.

Open

Step 2Products

Products listing

Show how users browse a serious catalog instead of digging through random static pages.

Open

Step 3Brands

Brand discovery

Useful for buyers who trust manufacturers first and only then narrow down product families.

Open

Step 4Brand detail

Brand detail page

Show how one brand page can group product families, featured products, and brand-level conversion.

Open

Step 5Product detail

Product detail page

This is the money page: specs, part number/variant logic, grouped documents, and RFQ path.

Open

Step 6Blog / Resources

Blog + article pages

Use these to explain trust, SEO, technical content, and why this is more than brochureware.

Blog Article

Supporting pages

Use only if they ask deeper questions

Search page: `search.html` — use if they ask about keyword discovery and variant search behavior.

Strategy pitch page: `presentation.html` — use if they want the higher-level business/hosting summary.

Phase 1A pack: `../phase-1a-submission-clean.html` — use if they want planning, scope, or architecture details.

Important warning

What not to over-explain

Do not spend too long on option exploration pages unless they specifically ask. Those are internal exploration artifacts, not the hero story. Lead with the main mockup path above. Otherwise the presentation becomes noisy for no gain. Classic self-sabotage material.