Mixed navigation categories
The previous navigation placed audience categories such as Insurance and Legal alongside service menus. That mixed two ways of finding expertise without explaining how they related.
Selected work Corporate website redesign
Pario Engineering Website
Live corporate website
I redesigned and built Pario.ca, with clear routes to engineering and environmental services, specialist profiles and service requests.
Project / Website redesignCorporate website redesign
- Role
- Web designer and frontend developer
- Context
- Pario Engineering & Environmental Sciences
- Timeline
- Redesign and ongoing site updates
01 / Overview
My contribution
End-to-end website design and coding, including responsive frontend and CMS implementation
Pario provides forensic engineering and environmental services. Visitors need to find the expertise relevant to their loss or investigation and contact the right specialist.
I designed and built the website, including navigation, responsive page layouts and CMS templates. Other contributors provided the content and translations.
- Working with
- Content and translation contributors
- Scope
- Information hierarchy, navigation, expert discovery, responsive design and bilingual page templates
- Tools
- HTML/CSS, JavaScript, Razor/CMS templates
Services
Understand the offer
Service categories and detail pages explain the available disciplines.
Experts
Find a specialist
The directory brings discipline, province and office filters together.
EN + FR
Bilingual website
English and French pages share the navigation and visual structure.
EvidenceNo measured improvement in enquiries, task completion or conversion is claimed.
02 / Problem
Organizing a broad range of specialist services.
A dense homepage introduction
Two columns of engineering and environmental links presented much of the service catalog at once. The page needed an introduction that explained the offer before asking visitors to choose a discipline.
Service requests needed more prominence
Requesting service and finding an expert needed to be visible from the introduction and easy to reach elsewhere on the site.
Project context
A specialist service with several entry points
Visitors may arrive knowing the type of incident, the service they need or the name of an expert. The website needs to support each starting point without requiring a detailed knowledge of Pario’s organization.
Detailed content in two languages
The site includes technical service descriptions, expert profiles and office information. Shared CMS templates keep those pages consistent across English and French.
Before and after
A clearer introduction to Pario’s services.
I replaced the opening service lists with a short introduction to Pario’s engineering and environmental work. Two distinct actions let visitors request service or explore the expert directory.
Before redesignAfter redesign
Introduce the services first
The opening headline names engineering and environmental services. A short explanation gives visitors context before they browse individual disciplines.
Separate the two next steps
The service-request button supports visitors ready to start an enquiry. The expert link gives those still looking for a specialist a separate path.
Give navigation a consistent structure
Services, Experts, Resources and Company form the main navigation. The request action stays in the header across pages.
03 / Design decisions
Navigation and page structure.
Give service sections a repeatable layout
I paired a large service image with a category label, heading, short explanation and a link to the detail page. Alternating the image position gives successive sections some variation while keeping the content structure consistent.
Group disciplines under Services
The Services menu separates forensic engineering and environmental disciplines. Group headings organize the catalog, with direct links for visitors who already know what they need.
Preserve the reading order on mobile
On smaller screens, the introduction and its actions stack in one column. The English and French pages use the same layout rules.
The mobile layout places the service message above the request and expert links.
Design process
Plan the routes into the website
I organized the structure around the service a visitor needs and the specialist they want to contact. The homepage introduces both routes, while the menus provide direct access to detailed pages.
Build reusable CMS templates
I built shared layouts for service content, expert profiles and bilingual pages, with responsive rules for smaller screens.
Reusable patterns
Shared navigation
Services, experts, company information and requests have consistent entry points across the website.
Reusable content regions
Image, heading, body copy and onward links repeat across service and corporate content, giving CMS pages a consistent visual structure.
Responsive reading order
On mobile, content follows a single column. The service introduction and request action remain prominent while the navigation collapses.
04 / Outcomes
The delivered website.
Start from a service or a person
The website provides separate paths into the service catalog and expert directory, with a request action available for visitors ready to contact the team.
A consistent bilingual presentation
The English and French pages use shared layouts, navigation and action patterns across the corporate website.
Reusable layouts for technical services
Service sections follow a consistent reading order, with shared layouts that carry through to the CMS.
How the work was reviewed
Navigation and request paths
The homepage and shared navigation provide access to services, expert profiles and the request form.
Responsive layout
The mobile pages retain the service introduction and main actions in a single-column layout.
Further evaluation
Task-based usability testing and enquiry data would be needed to assess how well visitors find and contact the right specialist.
Looking back
The homepage needed to explain Pario’s expertise before presenting the full catalog. I kept detailed service links in the navigation so the introduction could stay focused.
A useful next test would follow a visitor from choosing a discipline and location to finding an expert and starting a service request.