Charles Teoh Portfolio 2024

Page 1

1 P O R T F O L I O
Charles Teoh 張智超
Web & Content Designer | Graphic Designer

and I have worked as a Web & Content Designer. In my spare time I have also delved into graphic design as my side passion project.

In this portfolio, you will be able to see all the works I have done throughout my life. Whether it’s done as part of my professional career, my university assignment, my university club promotion, or even gaming community events, no matter how unremarkable they are, I take pride in the fact that these are created by my hands.

2 Nissan Oceania (Australia & New Zealand)
Hi! I’m Charles,
Melbourne University Esports Other design works 3 17 30
Contents

Nissan https://www.nissan.com.au | https://www.nissan.co.nz

3

From Nov 2021 - Apr 2024, I have had the privilege of working with a leading global design and digital marketing agency, AKQA, based in Melbourne. My main client was Nissan Oceania, primarily for Nissan Australia but also covering Nissan New Zealand as well.

4
NISSAN |
Experience
Adobe
Manager Nissan QASHQAI Landing Page - Desktop Nissan QASHQAI Landing Page - Mobile

My main responsibility was being the main caretaker of the Nissan Australia and Nissan New Zealand. Officially, my job title was Web Content Author, but eventually as I discovered, what I had the opportunity of doing was to be so much more than just authoring content as directed by my clients. Website content is authored and managed via the Adobe Experience Manager (AEM) CMS, developed by Publicis Sapient for Nissan. Web and brand design guidelines are also frequently handed down by Nissan Global.

5
Nissan QASHQAI Landing Page - Tablet
Charles Teoh | 張智超

The overhaul of the website’s product landing pages, which we call the Vehicle Landing Pages (VLPs), was to be one of the most greatest projects I have ever been involved in. It involved a complete redesign of the page, not only in terms of visuals but also in its design architecture, where content is divided into modules rather than sections.

6 NISSAN | Adobe Experience Manager
Nissan Pathfinder Landing Page - old design
7 Charles Teoh | 張智超
Nissan Pathfinder Landing Page - new design ( https://www.nissan.com.au/pathfinder.html )

While a great challenge to us in both AKQA and Nissan, it ultimately presented a lot of opportunities in redefining our VLP designs and seek new ways to present and structure content. One example is the module flyout page; since the new page design separates content into visually engaging modules, copies directly on the VLP need to be summarised into short sentences, and linked to a flyout page via a Learn More CTA wherein the summary can be explained in greater detail. This new design set a new standard for content designs and presentation moving forward.

8
NISSAN | Adobe Experience Manager

The Nissan LEAF VLP was deliberately given a white layout. At the time of the VLP design overhaul there was a big push by Nissan to promote the Nissan LEAF which is an electric vehicle, so I felt it right to let the only electric vehicle in the Nissan Australia lineup to also have the only white-themed VLP to symbolise a clean car with no CO2 emissions.

9
Charles Teoh | 張智超
Nissan QASHQAI Landing Page - black-themed Nissan LEAF Landing Page - white-themed ( https://www.nissan.com.au/leaf.html )

Nissan frequently has various sales offers and promotion campaigns for which I would be required to design dedicated landing pages and author a series of content on existing pages.

I designed from scratch the landing pages for the Navarathon campaign in November 2023 and the Big1 campaign in February 2024.

10
NISSAN | Adobe Experience Manager

What’s New page ( https://www.nissan.com.au/about-nissan/news-and-events.html )

A section of the website where I had the most free rein was the press release section. This was where I exercised my creative liberty and implemented various minimalistic but informative designs.

11
Charles Teoh | 張智超

Latest News page ( https://www.nissan.com.au/about-nissan/news-and-events/latest-news.html )

12
NISSAN | Adobe Experience Manager

Source page ( https://www.nissan.com.au/about-nissan/news-and-events/news/2024/Apr/nissan-commits-to-formula-e-gen4.html )

From brief to concept

A new presentation format I introduced to article pages was the presence of visual interventions. The thinking is thus: readers will be inclined to click away when presented with a wall of text to read, but would be more inclined to stay and read if said wall of text is divided by visual imagery. It is a format that is inspired by how most news websites present news articles.

13
Charles Teoh | 張智超

A very thrilling project that I’ve worked on was the launch of the Nissan Z Nismo in Australia. Back in August 2023, Nissan wanted to coordinate the launch of the Nissan Z Nismo with the launch of the Build-to-Reserve web functionality. This is a project that involved many stakeholders, as developers from Globant were involved in building the back-end APIs and functionalities, and I was involved in designing and authoring the customer journey to reserve.

The result: Nissan Z Nismo sold out in just under an hour of us opening the reservations. I still recall how myself and many from the Nissan team were on a Teams call that day, and the excitement in the room as we were watching the numbers rise and rise... until it hit the target around 50 minutes later!

NISSAN | Adobe Experience Manager
15 Charles Teoh | 張智超
16 NISSAN | Adobe Experience Manager
Melbourne University Esports formerly University of Melbourne Esports Association (UMESA)

When I was in uni, I co-founded the University of Melbourne Esports Association (UMESA), a student club for esport gamers in Melbourne University. We elected on having a load of bread as our mascot, and one of my friends drew a mascot which we used consistently as part of our marketing materials.

18 MUE / UMESA | Photoshop | Canva
Event banners for UMESA’s O-week booth, above: 2019, below: 2020
19 Charles Teoh | 張智超
A UMESA committee recruitment poster, 2019 A UMESA poster designed during COVID for a marketing post to motivate members

Founding a club was never easy. Between liaising with the student union UMSU, planning our event calendar for the semester, recruiting members, organising club activities and discussing sponsorship and partnership deals, me and the club committee had our hands full. This is aside from our regular academic commitments within uni. I was the design student at that time, and so it often fell to me to design marketing and event posters and deliver marketing content on social media platforms.

20
20 MUE / UMESA | Photoshop | Canva

It was also my first stint into graphic design and putting my design skills into practice. From using only Photoshop at first, to discovering Canva as a powerful tool for graphics design, it is with UMESA that I managed to hone my design skills and put designs into actual use. The above posters are for a committee recruitment Facebook post and were meant to be infosheets on what each department does.

21
21 Charles Teoh | 張智超

We had to take into account a significant proportion of Chinese students who are also avid esport gamers. Marketing and promotional materials were done in English and Chinese in order to appeal to the significant Chinese playerbase within my uni.

22
MUE / UMESA | Photoshop | Canva
23 Charles Teoh | 張智超
MUE / UMESA | Photoshop | Canva

Melbourne University Gaming Festival (MUGFest)

MUGFest was a proud initiative by UMESA and many other like-minded student clubs which ran annually from 2019 - 2021. The first run was a massive success, with us registering approximately 700 visitors during the night of MUGFest. From there on, MUGFest ran for two more years in 2020 and 2021, when it was reduced to an online event.

25
Charles Teoh | 張智超
26 MUE / UMESA | Photoshop | Canva

For MUGFest 2021, I hosted a panel discussion surrounding video games with academics and industry leaders. We had a very fruitful discussion surrounding the topic of gaming and how it affects the academia and our modern lives.

27
Teoh | 張智超
Charles

UMESA has seen a lot of changes to itself since its founding, including two logo rebrands. Since my stepping down in 2021, UMESA has continued to grow and prosper under successive leaderships.

Today, it has been renamed to Melbourne University Esports (MUE), and is now the primary gaming student club in Melbourne University.

28
MUE / UMESA | Photoshop | Canva
The most recent committee recruitment poster - not my design but I just thought it’s cool to share!

More recent club posters - not my design but I just thought it’s cool to share!

29
30 MUE / UMESA | Photoshop | Canva

Other design works

31

As part of a uni assignment in graphics design, I had to design posters raising awareness of a select social issue. I chose to highlight the problem of depression, and in particular how depression is often hard to spot and may even affect people who are outwardly positive.

A series of 3 posters has been designed.

32 Other design works
| 張智超
Charles Teoh
Other design works
| 張智超
Charles Teoh

I am an avid player of the critically acclaimed MMORPG Final Fantasy 14, where I was active in a community called the Pocketeers, from the Back Pocket group which is a local Aussie video gaming programme streamed weekly on Twitch. For Christmas 2023, we hosted a get-together for carols and I designed the poster for it.

36
Other design works
37 Charles Teoh | 張智超
38 Other design works

My parents run a family business in Malaysia in environmental consulting. In summer 2023 they participated in a roadshow organised by the Malaysian Department of Environment and I designed their flyers that they handed out during the event.

39 Charles Teoh | 張智超
40 Other design works by
Charles

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.