VEI Contracting trusted W Design Co. to create their first website many years ago while the company was rapidly growing. Over the years that solution started facing issues, one after the other. Old website was created using Wordpress which inevitably led to a number of problems:

• Older built meant constant upkeep
• Conflicts between various plugins
• Growing number of pages slowed down the site leading to poor experience for both visitors and editors
• Adding new content was complex and time-consuming
  

In 2025 these problems became too much to handle and VEI asked us to redo their website. The timing was great since VEI was already undergoing a soft rebrand and having better digital experience would help position themselves as industry leaders.

Information Structure

Biggest challenges that we faced in this project were content structure, scale and navigation. After getting updated services content map from VEI's project managers everyone on our team was overwhelmed with the sheer scale of this endeavor. Before taking a stab at the design phase I broke all this content into a site-map that clearly articulated relationships between various pages visually. This map proved to be very helpful for all stakeholders and was later used to create navigation, monitor progress and track changes.

Design Approach

In order to make execution more manageabe I decided to split pages into two categories based on content type: unique and templated. Some pages required tailored approach while most service pages shared enough similiarities to construct them from interchengeable components. Adopting this apporach significantly reduced time spent in design phase.

Navigation

For the main navigation bar I chose to go with mega-menu format to provide clear visual structure and give more prominence to services. I also introduced the idea of site-wide search and page tagging that would allow users navigate to the topic of their choice much faster while reducing number of clicks.

Dynamic content

Since VEI attracts a sizeble chunk of website visitors through content marketing (newsletters, blogs, case studies) I wanted to ensure smooth experience for both editors and readers. Improvements for blog pages included: templated structure, on-page quick navigation to jump to specific blog parts, social share links and jump to top button. As for the content management, we ensured that CMS (Payload) is familiar, easy to use and has enough building blocks to give editors full control.

Development Hand-off

Our partners from Meta Studios took care of translating my designs into the live site. To ensure smooth hand-off I prepared a small style guide, collected components and section templates and adapted design to mobile devices. After the initial implementation I followed up with multiple rounds of QA/QC to smooth out any inconsistencies between Figma file and live website.

After laucnhing revamped website we saw a 42% increase in overall performance, faster loading times, better SEO ratings and more. A week after launch VEI commented on robust navigation, convenience of search feature, overall visual presentation and how easy it was to add new content. They even used the new website to talk about their services during an in-person meeting with a large prospective client!