Aperia Website

January 2022

This is the redesign of the Aperia company website. I worked as a lead developer collaborating with Branding team to establish well-polished designs.

My contribution
  • WordPress Development
  • Front-end Development
  • Web Design Assistance
Tools used
  • Sketch
  • WordPress
  • TailwindCSS
  • jQuery
  • Gulp
  • Rollup
  • SWC

Problem

Previously, Aperia uses Squarespace to create websites, which has a many limits to publish content (especially managing job hiring posts and career applications). Also, after a rebranding of Aperia, the old website doesn’t match the current brand guideline.

As a result, we decided to create a new version of the Aperia website with the goal:

✍️
Easier to manage content.
🎨
Better content and design.

Designing

I help the Branding team with website style library setup and overall website structure & layout. Also, I provide responsive treatments for pages.

Post Content Image
Post Content Image
Post Content Image

Implementing

Backend

We decided to use WordPress CMS for its easy-to-use admin panel and make use of its plugins. I create a WordPress theme from scratch with custom post types like Career, Product, Service, and Insight,… with custom taxonomies like Location, Department (used for Career).

Post Content Image

WordPress Admin

Frontend

The website uses Tailwind 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 worked with Admin team to set up Google Tag Manager and Google Analytics for the website

Post Content Image

WordPress Admin

Launching & results

Deploy and optimize

I worked with IT team to deploy the website into production. I installed some plugins like Rank Math for SEO, and BackWPup for backing up data. To optimize website performance, I set up:

Onboarding & result

Furthermore, I conduct training for HR team on how to post jobs on websites and create career filters (taxonomies).

The final result is a website with better content, layout, and content management system (especially for hiring). You could see it live at https://aperia.com