Automotive
Rétroviseur
Automotive loyalty agency
A night drive in 3D: service reminders appear along the roadside and the rear-view mirror shows customers coming back.
Our portfolio
Website design portfolio for Quebec businesses
Open one, scroll through it, look at it on your phone. If a style feels right, we start from it to build yours, with your colours, your copy and your photos.
These demo websites show what OKTO Solutions builds for small businesses in Quebec: one site per type of business, from construction contractors and restaurants to clinics, accounting firms and online stores. Each one loads fast, reads well on a phone and ships with solid foundations for Google and AI search.
. 41 demo websites. The brands, copy and images in these demos are invented for demonstration purposes.
Our 41 demo websites
Retail and e-commerce
Maison Bruyère
Artisan perfumery and online store
An opening curtain, a bottle that takes shape in the mist, and a letter that slides out of its envelope as you scroll.
Construction
Constructions Méridien
General contractor
Job site photos dealt out like a deck of cards, then the last one becomes the home page.
Restaurants
Café Batture
Neighbourhood café-bistro
A cup fills up while the page loads, and the menu scrolls like a printed receipt.
Professional services
Verso CPA
Accounting firm for small businesses
A clear, calm page: under the cursor, the home photo reveals a second one, in colour.
Health
Clinique Mélèze
Private health clinic
A DNA helix made of green particles spins on the home page, and photos appear under the cursor.
Nonprofits
Fondation Rivières Vives
River protection nonprofit
The page opens like a viewfinder on a river, and a note writes itself.
Professional services
Cap Boréal
Financial planning
A flash of blue light follows the cursor, then a chrome chain and heart spin in 3D.
Professional services
Élan Marketing
Digital marketing agency
A 3D planet rises from the bottom of the page and turns as you scroll.
Tech and software
Nordik Paie
Payroll software for SMBs
A sphere of light dissolves into a galaxy, then gathers back into a thinking brain.
Tech and software
Onde Nord
Cloud and AI in Quebec
A sphere unfolds into DNA, an ocean, a black hole, then a galaxy as you scroll.
Portfolio
Léa Fortin
Art director portfolio
A dark portfolio that opens on moving lava behind glass.
Construction
Toitures Faîtage
Roofer
The logo goes up like a roof being laid, and markers on the project photos point out every metal roofing seam.
Retail and e-commerce
Atelier Merisier
Solid wood furniture
Photos blush red under the cursor, a manifesto writes itself in ink, and the living room is shoppable through clickable hotspots.
Real estate
Domaine Belvédère
Property for sale
A house alone on the hill, behind its giant name, and a tour that circles the property.
Tourism
Les Chalets du Sommet
Cottage rentals
A mountain sky crossed by shooting stars, and a booking form that fits on a single line.
Sports
Club Revers
Tennis and pickleball club
A giant headline over a photo of a tennis serve, then the coaches slide by on tilted cards.
Retail and e-commerce
Pétille
Quebec sparkling drink
The 3D can turns to follow the cursor while berries float around it; one click changes the flavour.
Professional services
Archipel CPA
Accounting firm
Calm water ripples under the cursor and the services float on it like islands; a card counts down the days to the next tax deadline.
Restaurants
Bistro Le Fanal
Restaurant
A golden river at dusk ripples under the cursor, then the terrace opens full screen as you scroll.
Real estate
Habitas Immobilier
Real estate brokerage agency
The Habitas name rises letter by letter behind a brick house, against a sky that ripples under the mouse; listings filter by type and price.
Construction
Rénovations Charpente Nord
Renovation contractor
A curtain of green paint lifts off a job site, then each before-and-after slides under your finger to reveal the renovated room.
Automotive
Garage Bélair Mécanique
Auto repair shop
A road of light streaks behind the headline and bends under the mouse while the slogan appears letter by letter.
Health
Clinique dentaire Florès
Dental clinic
Clear water light ripples on the home page, then the photo of the treatment room grows as you scroll until it fills the screen.
Construction
Plomberie Ruisseau
Plumber
Sea-blue water ripples under your hand, a tilted plumber photo floats, and a curtain rises like a wave as the page loads.
Beauty
Salon Mèche Rebelle
Hair salon
Red silk strands ripple behind the headline, and each photo flushes red on hover under a viewfinder that frames the cursor.
Municipalities
Municipalité de Saint-Aurèle-des-Monts
Municipality
The village name rises letter by letter from behind the mountains, in front of a painted sky that moves gently.
Manufacturing
Usinage Précinord
Machining and fabrication
An engineering drawing grid lights up on load, and a crosshair follows your mouse over the milling photo, reading out its coordinates.
Tech and software
Télécom Rivage
Telecommunications
A 3D map of the river where fibre signals race from one shore to the other and follow the visitor to their door.
Professional services
Ancrage, avocats et notaires
Law and notary firm
A Quebec City law and notary firm: a real stone doorway, practice areas told as you scroll and a three-click booking.
Construction
Volta Électrique
Master electrician
A 3D circuit floor where the current follows your mouse, and charging stations that fill up as you scroll.
Health
Clinique vétérinaire Le Refuge
Veterinary clinic
A warm veterinary clinic: an arched photo opens to full screen, services scroll sideways and an appointment takes three clicks.
Sports
Studio Cadence
Fitness studio
The background pulses to the beat of the music, then a 3D equalizer ring shifts its tempo through the three phases of the class.
Manufacturing
Transports Grand-Fleuve
Transportation and logistics
A 3D map of Quebec where routes light up from the Lévis terminal, and shipment tracking that answers live.
Automotive
Kilomètre Zéro
Automotive retention marketing
A particle car turns into customer families, then a retention curve and a map of Quebec, followed by live product mockups.
Automotive
Boucle
Automotive follow-up agency
A 3D phone receives a winter tire reminder; when the customer replies YES, confetti flies and a car does a loop.
Health
Pharmacie Lavande
Neighbourhood pharmacy
A 3D porcelain mortar fills with lavender as you scroll; three-step prescription refills and live opening hours.
Education
Garderie Les Petits Pas
Educational daycare
3D wooden toys dodge the mouse and bounce when clicked, and the typical day unfolds like a story.
Retail and e-commerce
Vignoble des Trois-Côteaux
Vineyard
A bottle emerges from the shadows on a cellar table, then you fly over the three hills in 3D and each wine turns under the mouse.
Tech and software
Atelier Lumen
Artificial intelligence studio
A particle orb becomes a brain, then a galaxy linking your customers, followed by live mockups of voice and chat agents.
Automotive
Virage
Automotive loyalty agency
Visitors drive a small car through a model Quebec village: each building is one of the agency's services, and you pull up to open it.
What kind of website are you looking for?
- Ecommerce website design for retailers, makers and producers in Quebec : Online store design for Quebec retailers, makers and producers, with product pages, sales tax, delivery, pickup and sales terms, built French first.
- Website design for construction companies and trade contractors : Design and hosting of websites for general contractors, home builders, roofers, plumbers, electricians, landscapers and demolition firms in Quebec, with RBQ licence display and online quote requests.
- Website design for restaurants, cafés and bistros : Design of a restaurant website with a text menu, current hours, reservations, takeout ordering and a matching Google Business Profile, anywhere in Quebec.
- Website design for accounting firms, lawyers, notaries and advisors : Websites for accountants, lawyers, notaries and financial planners in Quebec, with online booking, professional profiles and secure document upload.
- Website design for medical, dental and veterinary clinics and pharmacies : Websites for medical, dental and veterinary clinics and pharmacies in Quebec, with online booking, current hours and forms that respect Law 25.
- Website design for nonprofits, foundations and charities : Design and hosting of websites for Quebec nonprofits, foundations and registered charities, with online donations, tax receipts, volunteer sign-up and annual reports.
- Website design for real estate brokers and brokerage agencies : Websites for real estate brokers and brokerage agencies in Quebec, with filterable listings, visit requests and mentions that follow OACIQ advertising rules.
- Website design for cottage rentals and tourist accommodation : Design of a tourist accommodation website with direct booking, a synced calendar, the registration number on display and real photos of every unit.
- Website design for gyms, fitness studios and tennis clubs : Design of a sports club website with a current class schedule, court booking, clear memberships, coach profiles and online sign-up for new members.
- Website design for auto repair shops, dealerships and automotive loyalty agencies : Website design for Quebec garages, dealerships and automotive loyalty agencies, with online booking, seasonal tire scheduling, reminders and vehicle inventory.
- Website design for hair salons and esthetics studios : Design of a salon website with online booking, services listed with their length, team profiles, a gallery of real work and a clear cancellation policy.
- Website design for municipalities : Design and hosting of websites for Quebec municipalities, with public notices, council meetings, waste collection schedules, alerts, recreation and keyboard accessibility.
- Website design for manufacturers, machine shops and carriers : Design and hosting of websites for machine shops, manufacturers and transportation companies in Quebec, with capabilities, quote requests with drawings, catalogue, careers and shipment tracking.
- Website design for daycares, CPEs and schools : Websites for daycares, CPEs and schools in Quebec, with the educational program, a typical day, clear enrolment steps, menus and photos that protect children.
- Website design for tech, software, SaaS and telecom companies : Website design for Quebec software publishers, SaaS, cloud and telecom companies, with product pages, trial signup, demos, documentation and a Security page.
- Portfolio website design for graphic designers, photographers, art directors and freelancers : Portfolio website design for Quebec graphic designers, photographers, art directors and freelancers, with case studies, simple contact and a domain in their own name.
- Website design for marketing, communications and customer retention agencies : Design of websites for marketing, communications, loyalty and follow-up agencies in Quebec, with one page per service, case studies, lightweight 3D effects and online booking for first calls.
- Website design for wineries, cideries, craft breweries and distilleries : Design of websites for Quebec wineries, cideries, craft breweries and distilleries, with a store set up for the RACJ permit, age confirmation and online booking for tours and tastings.
- Website design for dentists and dental clinics in Quebec : Design and hosting of websites for dentists and dental clinics in Quebec, with online booking, a dental emergency page, RAMQ coverage details and copy that follows the dentists' code of ethics.
- Websites for master electricians: emergencies, EV chargers and the CMEQ logo : Design and hosting of websites for master electricians and electrical contractors in Quebec, with the CMEQ logo, an EV charger page, emergency calls and residential and commercial request forms.
- Plumbing websites that handle emergency calls and booked jobs : Design and hosting of websites for plumbers and plumbing and heating contractors in Quebec, with the CMMTQ logo, an emergency call button, towns served and online booking.
- A renovation contractor's website that tells each project's story, from demolition to finish : Design and hosting of websites for renovation contractors in Quebec, with before-and-after project pages, RBQ licence display, a page on contracts and online quote requests with photos.
- A roofer's website that shows the roof up close, from flashing to ridge : Design and hosting of websites for roofers and roofing companies in Quebec, with RBQ licence display, detailed roof project galleries and online quote requests with photo upload.
- Website design for veterinarians and animal clinics : Design and hosting of websites for veterinarians and animal clinics in Quebec, with booking by species, an emergency page, vaccine reminders and an online store for prescription diets.
What comes with your website
A website doesn't stop on launch day: here's what we do to keep it found, protected and useful, and what we can add when you're ready.
Ready for Google and AI
Titles, structured data, direct answers and an llms.txt file are set up for Google, Bing and assistants like ChatGPT, then redone with every change we publish.
Connected to your tools
Your forms can send every request to your inbox, your CRM, your newsletter or your automation tool, with nothing to retype.
Linked to OKTO PSA
If you use OKTO PSA, a quote request or a job application made on the site goes straight into the software, ready to handle.
AI agents, on request
We can add a chatbot trained on your services, or AI-drafted replies built from your own documents and reviewed by your team before they go out.
Hosted in Québec
The site runs on our own servers in Québec, and traffic goes through Cloudflare's protection network before it reaches us.
Secure from day one
Encrypted connection, security headers in place, and no non-essential cookie starts until the visitor says yes, as Quebec's Law 25 requires.
Backed up
The site is backed up, so after an outage or a mistake we put the last clean version back online. The backup plan is detailed in your quote.
Maintained by our team
We monitor the site day and night, apply updates, and every change is checked on phone, tablet and desktop. The planned maintenance is detailed in your quote.
Modernized over time
New pages, new features or a new look: the site grows with your business, keeping your content and the addresses Google already knows.
FAQ
Questions about our portfolio
Do these websites belong to real clients?
No. They are demo websites with invented brands, copy and images. They show styles and features we can reuse for your business, filled with your own content.
Can I get a website like one of these examples?
Yes. Click “I want a site like this” under the site you like. We start from that base and adapt it to your trade, your region, your colours and the way you talk to your customers.
How much does a website like these cost?
The price depends on the number of pages, languages, copywriting and features such as booking or an online store. It is set after a short meeting, once the scope is clear. Quotes are free and without commitment.
Are these websites built for Google and AI answer engines like ChatGPT?
Yes. Every site we deliver has titles and descriptions written for your customers, valid structured data, content readable without JavaScript and fast pages on mobile. Those are the signals Google, Bing and AI search assistants use to find and cite a business.
Where is my website hosted?
On our own servers in Québec. Traffic first goes through Cloudflare's protection network, which filters attacks before they reach the site. Your domain name stays in your name. The hosting plan is detailed in your quote.
Will my website be kept up to date?
Yes. We apply updates, and with every change we publish we regenerate the sitemap, the structured data and the llms.txt file. You can change a text or a photo yourself with the visual editor; bigger additions, like a new section, are planned with us. What maintenance covers is detailed in your quote.
Can my website connect to my tools?
Yes. Forms can feed your inbox, your CRM, your newsletter or OKTO PSA, where a request becomes an opportunity or a ticket. During scoping, we look at the tools you already use and tell you what can be connected.
Does one of these sites feel like you?
Tell us which one and tell us about your business. We will come back with a mockup in your colours and a clear price.