Kent Companies Website

  • UX/UI Design
  • HTML/CSS/JS
Kent Companies

Project Overview

Kent Companies was looking to relaunch their website to better promote themselves as "the Leaders in Concrete" on a national level. Our goal was to design and develop a website that would be easy to navigate and effective at communicating the scale of the work the company takes on.

My Role & Responsibilities

  • Lead Designer
  • Wireframe and high fidelity mockups
  • Front end development
  • Testing

Research

By evaluating competitor websites, we were able to pinpoint specific content and features that should be included on the new Kent Companies website. This also gave us the opportunity to hone in on specific needs from the client including: service overviews, project profiles, career opportunities, employee training events, and more.


Stakeholder Discussions

By meeting and collaborating with stakeholders, we were able to report our research findings and get a clear picture of the objectives for this website. These discussions allowed us to understand what type of content would be available to us when it came time to develop.

Desktop view for the Kent Companies website

Design

Once the scope was identified for the new website, I worked on:

  • Developing sitemaps to aid in the design of user flow for the customer.
  • Creating wireframes to determine what information was needed on each screen and how that should be configured.
  • Creating detailed mockups illustrating how the website would look and feel.
  • Establishing the design system which included the style guide, UI components and guidelines.

Wireframe for the Kent Companies website
Wireframe for the Kent Companies website
Wireframe for the Kent Companies website
Wireframe mockups
Development

Development & Testing

Once the design guidelines were set and mockups approved, I moved on to the development phase, which included:

  • Creating a custom theme on the Wordpress platform.
  • Coding functional HTML & CSS for all areas of the website.
  • Creating a responsive framework that would work visually on both desktop, tablet, and mobile devices.
  • Ensuring theme seamlessly integrated with third party features (e-commerce, forms, etc.).
  • Testing the functionality of all elements on the website.

Visit KentCompanies.com