Website overview
A clear and approachable digital presence
A.L. Campbell Law Office serves clients in Winnipeg across real estate law, family law, immigration law, and notary services. I designed and developed a multi-page website that makes those services easy to understand and navigate.
The finished site gives the firm a consistent professional presence while helping prospective clients find relevant information and take the next step.
My contribution
Frontend ownership from structure to launch
- Organized the site architecture around the firm’s services and common client questions.
- Built reusable interface components to keep content and presentation consistent across pages.
- Developed responsive navigation and page layouts for desktop, tablet, and mobile devices.
- Prepared and launched the production website.
Public experience
Legal information designed for straightforward browsing
- Dedicated pages for each publicly listed practice area.
- Expandable frequently asked questions that keep detailed information easy to scan.
- Clear firm information and consultation contact options throughout the site.
- Consistent visual hierarchy and navigation across the complete experience.
Product quality
Responsive, reusable, and search-friendly
- Semantic page structure and descriptive metadata for accessibility and discoverability.
- Reusable components for service content, page banners, informational cards, and forms.
- Responsive behavior designed and tested across common screen sizes.
Technical foundation
A component-based React website
The website uses React, TypeScript, Vite, React Router, React Bootstrap, Bootstrap, and CSS. The component-based structure keeps shared interface patterns consistent and makes future content changes easier to maintain.