PORTFOLIO

GRAPHIC DESIGN

PORTFOLIO

SHANNON LEE XUE WEN

Publication Layout • Corporate Identity
• Illustration • Photo Manipulation

2018 - 2020

ABOUT ME

Hello there! Allow me to introduce myself. I am aspired to make the world a better place through art and design.
I love exploring into new and interesting ideas that has been constantly developing throughout the years in the
graphic design field. I especially love designing for books – especially magazines. Working with layouts and being
able to work on different topics for a content has always helped to spark my creativity. Not only that, writ ing
and illustrating stories for children excites me! I can be very idealistic and can see things from unconventional
perspective. I have worked on designing mastheads, rebranding logos, brand guidelines, brand master colour
guides for both printing and digital – as I have a good eye in identifying colours and changing it from a paper copy

image to digital.

PUBLICATION
L AY O U T

Credit Line The content in the magazine (illustrations and Stories) are designed
from various illustrators and Writers to show weird mythological facts
Project type: Magazine Publication Layout every week around the world. It includes myths ranging from eastern
Client/Industry: Factual Magazine Sdn Bhd to western mythology, culturally and religiously.
Media: Adobe Illustrator (Ai) and Indesign (Id)
Specifications: Digital Printing, Gloss coated paper(90gsm), Saddle Stitched, 210 x 297
mm, 12 pages (including cover)
Project Range/Scope: Masthead Rebranding and Layout Designing
Function of Application: Endcap product to be purchased for audiences who are
interested in mythology

BACK COVER FRONT COVER

PAGE LAYOUT

Images used are NOT the artist’s original works, they are used only as visual representations of the artist’s intended choice of works to showcase for this layout for academic and non-commercial purposes only. Copyright of visuals above belong to PSDMockups and can be accessed
here: https://www.psdmockups.com/a4-magazine-top-view-front-inside-cover-psd-mockup/.



STORYBOOK
ILLUSTRATION

Credit Line

Project type: Publication, Storybook – ‘WHERE DID FATHER GO?’
Client/Industry: Scholastic Inc.
Media: Adobe Illustrator (Ai), Indesign (Id)
Specifications: Digital Printing, Glossy paper(260 gsm) for cover page & Satin coated
paper(130gsm), Saddle Stitched, 10”x 8”, 20 pages (including cover)
Project Range/Scope: An adventurous storybook dedicated to children of Kampung
Sungai Burong
Function of Application: Made and designed for children of age 5 - 6 with hands on
interactivity

Images used are NOT the artist’s original works, they are used only as visual representations of the artist’s intended choice of works to showcase for this layout for academic and non-commercial purposes only. Copyright of
visuals above belong to PSDMockups and can be accessed here: https://www.psdmockups.com/square-children-book-psd-mockup-front-back-covers/.

SKETCHES FOR CHARACTER AND ENVIRONMENT

CHARACTER DESIGNS (DIGITAL)

MR DAVID MR OYSTER

PROFILE EXPRESSIONS

FRONT SIDE BACK Mr Oyster. The antagonist of the story. The
expressions and colours are used to por-
Mr David, the father. A kind and loving man and always tray him as a villian.
looking out for his two children Kate and Freddy. The
contrast of colours (yellow and blue) is used to show EXPRESSIONS
his occupation, fisherman.

KATE EXPRESSIONS FREDDY

PROFILE PROFILE

FRONT SIDE BACK FRONT SIDE BACK

Kate & Freddy. The protagonists. Adventurous
and always looking out for different ways to ex-
plore. The clothing colours are used to portray
heroism.

ENVIRONMENT DESIGNS

STORYBOOK SAMPLE PAGES “I’m afraid not, but I did hear
voices of a man going to the
Oh no! right.” said Ms Palm Tree

The lights flickered! Hello Ms Palm Tree,

Where did Mr. David go ?! “Have you seen our
father? We lost sight
of him this evening.”
Said Kate and Freddy

“Greetings Mr oyster!
Have you seen Mr David,
our father?" said Kate

Mr Oyster looks
surprised and guilty

“I think Mr Oyster
knows something!” Said

Freddy.

…will they be able to surpass the fishes…?

CORPORATE
IDENTITY

LOGO

Credit Line

Project type: Corporate Design for Logo and Stationery
Client/Industry: Mr Leong, The Meek Choco Sdn Bhd
Media: Illustrator (Ai)
Specifications: Digital Printing for Corporate Identity book – White coated Paper, 148 x 210
mm; Letterhead & Envelope – Simili Paper(70gsm), 210 x 297 mm;
Business Card – Ivory Cary(250gsm), Front and Back, UV Varnish Finishing, 88 x 50 mm
Project Range/Scope: Rebranding corporate logo and stationary for a confectionery company

The logo is conceptualised as a chain looking element and pinned with a love shape on
the top middle to show the relationship between family and friends bonding

Images used are NOT the artist’s original works, they are used only as visual representations of the artist’s intended choice of works to showcase for this layout for academic and non-commercial purposes only.
Copyright of visuals above belong to Andrea Maisenbacher and can be accessed here: https://dribbble.com/shots/2457450-Brand-Book.

Typography Standards a.3 Ty pography Standards

a.2R.2ERVeEveRrsSeEd-Dou-Ot-UCTOLCOUORLAONDUGRRAAysNcDaleGRAY SCALE ScalinG /SCPRAOLPIONRGTIOANND PROPORTION Primary and Secondary Typefaces
Logomark
COLOUR

PANTONE 7568 C The colour used is based TYPEFACE
C: 36% M: 59% Y: 73% K: 43% on earthly tones and
MEEKTHE CHOCO warm colours to show our 100% PRIAM.3A.R1 YPRIMARY A.3
PANTONE 729 C speciality in chocolates
C: 24% M: 48%, Y: 70% K: 14% and at the same time a MEEK Leafy Tre
welcoming product AB
PANTONE 7621 C abcdefghijkl AB
C: 15% M:100% Y: 90% K: 10% THE AB

Logotype CHOCO ab
Logo ab
ab
Logomark a.3 Ty pography Standard1ms2n3o4p5q6r7s8t9u0v w x y zPrimary and Secondary Typefaces
Leafy typeface for the word ‘MEEK’ is used to bring 12
out the feeling of friendliness in the company and it
is complemented with Trebuchet MS typeface.

GRAYsCALE 80% Trebuchet MS Bold and Italic is used in Business
Stationery.
Black 62%
MEEKTHE CHOCO Black 41% THE MEEK A.3.1 PRIMARY SEAC.3O.2NSDEACORNYDARY
Black 60% CHOCO Leafy
THE Trebuchet MS
Logotype abcdefghijkl ABCDEFGHIJKLMNOPQRSTUVWXYZ
mnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ
Logo 1 2 3 4 5 6 7 8 9 0 60% ABCDEFGHIJKLMNOPQRSTUVWXYZ

3 ReveRrEseVdE-RouStE-DC-OOLOUUTR CANOD LGORAUysRcaAlNe D(wGitRh ABYoarSdCerA)LE MEEK CHOCO abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
WITH BORDER abcdefghijklmnopqrstuvwxyz

PANTONE 7568 C 1234567890
C: 36% M: 59% Y: 73% K: 43%

PANTONE 729 C MEEKTHE 50%
C: 24% M: 48%, Y: 70% K: 14%
CHOCO
PANTONE 7621 C
MEEKTHE CHOCO C: 15% M:100% Y: 90% K: 10%

PANTONE 9163 C
C: 18% M: 17% Y:29% K:1%

C: 0% M: 0% Y: 0% K: 100%

30%

MEEKTHE CHOCO

Black 62% Minimum Scale MEEKTHE 20%
Black 41%
Black 60% The smallest readability CHOCO
Black 5% for this logo is 20%
MEEKTHE
CHOCO

a.6 Stationery LetterHead

STATIONERY MEASUREMENTS MEEKTHE CHOCO

a . 6 S tEnvelope a t i o n e r y Jalan Sungai Long, Bandar Sungai Long,
43000 Kajang, Selangor

LetterHead Date: 16 January 2019

To Douglat Timothy Pumpkins
Manager of Sewage Plumber Company

Dear Douglat,

MEEKLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh

euismod tincidunt ut laoreet dToHlEore magna aliquCaHmOCOerat volutpat. Ut wisi enim ad
minim veniam, quis nostruJdalaenxSeurncgiaitaLotniog,nBualnldaamr Scuonrgpaei Lrosnug,scipit lobortis nisl ut aliquip
ex ea commodo consequat. Duis 4a3u0t0e0 mKajvaenlg,eSuemlanigroirure dolor in hendrerit in vulputate
velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros

Envelope et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue
Date: 16 January 2019
duis dolore te feugait nulla facilisi.

29, Jln Ps 1/8 Bandar Pinggiran Subang, 40150, Shah MEEKTHE CHOCO TMLeoaounDrisaeomgmueogrldiapotstfuiTnSmicemiwddoauotgnhloetyrPuPsltuiutmlmaapobmkreieenretsCt,ocdmoopnloasrenecytmetaugenraaadliipqiusacmingeeralitt,voseludtpdaiat.mUntowniusmi emnyimnibadh
Alam, Malaysia minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
Deexaer aDocoumglamto,do consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate
Jalan Sungai Long, Bandar Sungai Long, 43000 velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros
Kajang, Selangor Leotreamccuipmssuamn edtoliourstsoitodaimoedti,gnciosnsismecqteutiubelarnadditippisrcaiensgenetliltu,psteadtudmiazmzrinlodneulmenmityanuigbuhe
eduuisismdoodlotrienctiedufnetuguatitlanourelleatfadcoilloisrie. mDuaigsnaauatelimquvaeml eeuramt ivroiuluretpdaot.loUrtinwhiseinednriemritadin
Fax (603) 3445 2288 mvuinlpimutvaeteniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
Hp 012 345 8866 ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate
vLeolirtemessiepsmumoledsotileorcsointsaemqueatt,, cvoenlsiellcutmetudeorloardeipeiuscfienuggiealtitn, uslelad fdaicaimlisinsoantumvemroy enriobsh
Tel (603) 2111 2020 eetuaiscmcuomd stainnceidt uiunsttoutodlaioordeiegtnidssoilmorqeumi balgannadiatlpiqruaaemsenetralutpvtoaltuutmpaztz.riUltdewliesni ietnaiumguaed
dmuiisnidmolvoereniatemf,equugiasitnonsutlrlaudfaecxielirsci.i tation ullamcorper suscipit lobortis nisl ut aliquip
www.themeekchoco.co.uk ex ea commodo consequat.

29, Jln Ps 1/8 Bandar Pinggiran Subang, 40150, Shah MEEKTHE CHOCO Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
Alam, Malaysia euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad
Jalan Sungai Long, Bandar Sungai Long, 43000 mRiengiamrdvseniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
Business Cards Kajang, Selangor ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate

Fax (603) 3445 2288 MARIAvelit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros
Hp 012 345 8866
et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue
Tel (603) 2111 2020 duis dolore te feugait nulla facilisi. Duis autem vel eum iriure dolor in hendrerit in
vMualpruiataGtieazzer Fernando
CEO of Jumping Jacks Company

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad
minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
ex ea commodo consequat.

www.themeekchoco.co.uk

Gianna Fallon Fax (R6e0g3a) r3d44s5 2288 Hp 012 345 8866 Tel (603) 2111 2020

CEO of The Meek Choco Company MARIA www.themeekchoco.co.uk

MEEKTHE CHOCO

29, Jln Ps 1/8 Bandar Pinggiran Subang, Maria Giazzer Fernando
40150, Shah Alam, Malaysia CEO of Jumping Jacks Company

MEEKTHE CHOCO

[email protected] | +6012 345 6789 Facebook: /themeekchoco
www.themeekchoco.co.uk Instagram: @the.meek.choco
Twitter @the.meek.choco

Fax (603) 3445 2288 Hp 012 345 8866 Tel (603) 2111 2020

www.themeekchoco.co.uk

STATIONERY SET

ILLUSTRATIONS

PORTRAIT VECTOR

Credit Line

Project type: Art & Illustration, Nicol David, Art and Design Campus Road show 2019 Competition
Client/Industry: PC.com & OKI
Media: Adobe Illustrator(Ai)
Specifications: Poster – Digital 4 LED Full-colour Electrophotographic Printing Method, PDF, Photo
PVC Paper (Syntactic paper)(180gsm), 297 x 420 mm
Project Range/Scope: An appreciation to Local Sport Players
Function of Application: Poster framing for office and client’s personal use

Images used are NOT the artist’s original works, they are used only as visual representations of the artist’s intended choice of works to showcase for this layout for academic and non-commercial purposes
only. Copyright of visuals above belong to PSD MOCKUP Pvt Ltd and can be accessed here: https://www.photoshopvideotutorial.com/free-psd-office-desk-wall-poster-mockup/.

EXHIBITION SHOWCASE

Credit Line

Project type: Art and Illustration, LEO
Client/Industry: ARTEMIS ART
Media: Adobe Illustrator (Ai)
Specifications: Artwork – Canvas Print(450gsm), Cotton-Polyester, Rolled, Pearl
Shimmer finish, 148 x 297 mm
Project Range/Scope: Collaboration in making horoscope illustrations series for
Exhibition.
Function of Application: For Astrology Exhibition

Images used are NOT the artist’s original works, they are used only as visual representations of the artist’s intended choice of works to showcase for this layout for academic and non-commercial purposes
only. Copyright of visuals above belong to Art Row, Publika and can be accessed here: https://www.gayatravel.com.my/7-art-spaces-to-visit-in-Kuala-Lumpur-to-take-your-mind-on-a-holiday/.

ART EXHIBITION

Credit line

Project type: Rhythmic Garden, Art Nouveau Exhibition
Client/Industry: Chris Dercon, Musée du Luxembourg
Media: Adobe Illustrator (Ai)
Specifications: Gloss Paper, 594 x 841 mm
Project Range/Scope: Group Project to design for Poster, Stand Up Banner and Invitation Card. In
charge of Designing for Poster.
Function of Application: Requisite Design Items for Art Exhibition

ART NOUVEAU EXHIBITION

RHYTHMIC
GARDEN

17 JUNE - 31 AUG

JEANIE FOORD
ÉMILE GALLÉ
PAUL BERTHON
RENE LALIQUE

MUSÉE DU LUXEMBOURG Images used are NOT the artist’s original works, they are used only as visual representations of the artist’s intended choice of works to showcase for this layout for academic and non-com-
(THE LUXEMBOURG MUSEUM) mercial purposes only. Copyright of visuals above belong to Offprint  and can be accessed here: https://www.facebook.com/offprintprojects/photos/a.500730493287999/3003559909671699/?-
type=3&theatre.

SKETCHES OTHER SKETCH OPTIONS 3
Rhythmic garden
SELERChTytEhDmiSc KgaErTdeCnH
2
1

45

PHOTO MANIPULATION

SURREAL IMAGERY

Credit Line

Project type: Mental Health, ‘Root of Despair’, Advertising Campaign, Mental Health Awareness
Day
Client/Industry: One Education
Media: Adobe Photoshop (PsD)
Specifications: Digital E-Book, 4961 x 3508px
Project Range/Scope: Describing mental health emotions
Function of Application: Cover for E-book

Images used are NOT the artist’s original works, they are used only as visual representations of the artist’s intended choice of
works to showcase for this layout for academic and non-commercial purposes only. Copyright of visuals above belong to One
Education and can be accessed here: https://issuu.com/oneeducation.org.uk/docs/online_depression_counselling_train.

MOVIE POSTER DESIGN

Credit Line

Project type: Movie Poster, ‘Gladiator’, Poster Design
Client/Industry: DreamWorks Pictures
Media: Adobe Photoshop (PsD)
Specifications: 24” x 36”,
Project Range/Scope: Remaking a movie poster
Function of Application: Movie Posters distributed in the local cinema, Golden Screen Cine-
ma(GSC)

Images used are NOT the artist’s original works, they are used only as visual representations of the artist’s intended choice of works to showcase for this layout for academic and non-commercial pur-
poses only. Copyright of visuals above belong to Nazrin and can be accessed here: https://amanz.my/2019198985/.

+60 xx xxx xxx
[email protected]
@_moroxee.art
@goatable