Webestica Redesign
June 2024
This project is the redesign of the Webestica company website. As the Product Designer, I collaborated closely with the Branding team to create a polished, modern, and highly functional website.
My contribution
UI/UX Design
Storybook Documentation
Prototyping
Front-end Development
Tools used
Figma
Sketch
Prototyping
Bootstrap 5
Problem
Previously, Webestica relied on Webflow for website design and management. However, as the company expanded its software development services and Webflow projects, the old website no longer met its growing needs. Key challenges included:
- Limited content management flexibility.
- Difficulty in scaling to accommodate new services and case studies.
- A design that no longer aligned with Webestica’s evolving brand identity.
To address these issues, we decided to build a new version of the Webestica website with the following goals:
More efficient content management
Case studies, services, and blog.
A refined design
Webestica’s brand and enhances user experience
Designing
I worked with the Branding team to establish a website style library and define the site structure & layout. Additionally, I ensured that all pages were fully responsive and visually consistent across devices.
Implementation
Backend
We chose WordPress CMS for its flexibility and ease of content management. I developed a custom WordPress theme with tailored post types for Case Studies, Services, and Insights, along with custom taxonomies like Industry and Technology to enhance content categorization.
Frontend
The website uses Bootstrap 5 CSS for CSS framework. Also, Gulp, Rollup, and SWC are used as build tools. Javascript files are written in ES6 and be complied by Babel for legacy browsers.
Tracking
I collaborated with the Admin team to set up Google Tag Manager and Google Analytics for user tracking and performance monitoring.
Launch & Results
I conducted training sessions for the HR team on how to manage job postings and apply filters using the new taxonomies. The final result is a modern, scalable, and well-optimized website that not only enhances Webestica’s brand presence but also streamlines content management, especially for case studies and hiring processes.
Visit the website at: Webestica.com