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

10 12 23 14 12

Other Project

Webestica

Webflow development agency

Space Design Systems

A Design Systems

Friendzy

Mobile App UI Kit for Dating App

Coca

App Project Management

GIANTY

A corporate website for GIANTY

Tradebase

an App UI Kit on the subject of stocks

Queezy

Queezy App UI Kit will help your Quiz

Vision

A professional Marketing Dashboard


I'd love to hear from you. Email me any time at tuyenphanxyz@gmail.com

Written, designed and built by Tyler.