Liam Cullen

Kogan Mobile Website Rebrand

Building the new identity for Kogan Mobile's website and landing page.

AstroWordpressFigmaPHPJavascriptCSS
Kogan Mobile Website Rebrand

In January 2023 Kogan Mobile launched a new brand identity in conjunction with an ad campaign. The campaign points customers to the Kogan Mobile website and landing page on Kogan.com which required a redesign from the ground up to implement the new brand and optimise the customer experience.

Prepaid plans table, built using vanilla Javascript with fetched data from a REST API.

Prepaid plans table, built using vanilla Javascript with fetched data from a REST API.

The standalone website and Kogan.com landing page are key steps in the customer journey, and serve to inform customers about the benefits of Kogan Mobile, the prepaid plans on offer and any current deals or promotions.

Informative step cards for how to join Kogan Mobile

Informative step cards for how to join Kogan Mobile

The website uses Wordpress, while the landing page was built using Astro to harness components and JSX while outputting static html. One of the challenges this project presented was maintaining a consistent brand and component design across Wordpress's WYSIWYG interface and the more flexible Javascript & CSS from Astro.

Figma helped greatly with this challenge, providing a source of truth for the design implementation that allowed collaborative feedback and iterations on the design.