Precon manufactures engineered, precast, concrete solutions for your specific needs.

Incorporated in 1980, Precon is independently owned and operated, supplying precast concrete to Canada and the United States.





UI Design
Website Design




Adobe Illustrator
Adobe Photoshop


UI Designer

Project Background

Our client, a leading concrete construction company, has recently undergone a comprehensive rebranding process to better align with their evolving business goals and to distinguish themselves in the competitive construction industry. The client’s previous website was outdated, lacking in engaging content and visual appeal, and did not accurately reflect the company’s progress and achievements. As a result, the decision was made to undertake a complete website overhaul to provide a seamless, user-friendly experience that showcases the client’s innovative approach, commitment to excellence, and superior customer service.


  1. Enhance brand consistency: Ensure that the refreshed website accurately reflects the client’s new branding, including logo, color scheme, typography, and overall aesthetic. This will create a cohesive brand experience across all channels and enhance brand recognition.
  2. Improve user experience (UX): Redesign the website’s layout, navigation, and content organization to create a more intuitive and enjoyable browsing experience for visitors. The goal is to make it easy for potential customers to find the information they need and encourage them to take action.
  3. Ensure that the website is fully responsive and compatible with various devices (desktop, tablet, and mobile) and browsers, providing a seamless experience for all users.

My Role in the Project

  1. Collaboration: Work closely with the project team, including content strategists, developers, and stakeholders, to ensure a seamless integration of design, functionality, and content that meets the project objectives.
  2. Visual Design: Develop the visual aspects of the website by incorporating the new branding elements, such as the logo, color scheme, and typography, while adhering to design principles like balance, consistency, hierarchy, and contrast. The designs evoke the desired emotional response from users and support the overall brand messaging.
  3. UI Components and Patterns: Design reusable UI components (buttons, forms, navigation, etc.) and patterns that ensure consistency and usability across the website. This may involve creating a style guide or design system that can be easily referenced by other team members.
  4. Responsive Design: Ensure that the website design is adaptable to various devices, screen sizes, and resolutions, offering a consistent and enjoyable experience for users regardless of the device they are using.
  5. Handoff to Developers: Prepare design assets and documentation that clearly communicate the design intent to the development team, enabling them to accurately implement designs in code. This may include providing style guides, design specifications, and asset exports.

Results & Reflection

  1. The new website’s design and content, reflecting the updated branding, will contribute to a stronger, more consistent, and more memorable brand image, elevating the client’s reputation and positioning in the market.
  2. The optimized website performance, mobile-friendliness, and well-structured content will contribute to improved search engine rankings, driving more organic traffic to the site and increasing brand exposure.
  3. The streamlined and focused content will effectively communicate the client’s value proposition, offerings, and unique selling points, enabling users to quickly grasp the benefits of engaging with the brand and its products or services.