Web Portfolio design idea

Moodboard
- To match with my Themes
Why blocks?
Blocks to showcase fun, playful, Interactive
by using block to form my branding
ABBY = AB

palette To show my personality “interaction”

- The combination of blocks can create anyting.

Fonts Elements

ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
1234567890

- HK Grotesk -
List needed to put in:

1. Introduction. A starter page that introduces your brand. This is

the landing page.

2. About. A short, insightful description about you.

3. Index. A list of projects included in your portfolio. (this is similar

to contents page)

4. Pages. Individual pages with project images.

The images that explain a concept or create an engaging sensory Sketches
experience. Consider how would you categorise your artworks

5. Resume. A detailed summary of your education, skills, and

professional experience.

6. Contact. A professional email address and phone number where

you can be reached to discuss a project or arrange an interview.

7. Copyright. A line of text that notifies others that the work is

proprietary and legally protected.

8. Footer. Add link for journal and presentation slide to work

placement

Note to self:

Website dimensions
1366px x 768px

Font family
-Headline
Brown
abcdefghijklmnopqrstwxy
z

-Body text
HK
Groteskabcdefghijklmnopqrst
wxyz
Reference

Layout example

Example of the first web

page
- It shows the movement of
my element
- Logo is fixed but my
element is moving around

- Fun
- Playful
- Clean

Mood & feel

the arragement of
the navigation bar
and work frame
 Example
My branding element

Navigation bar

My introduction

Title:
- Feature Portfolio
works

Portfolio works
Website dimensions
1366px x 768px

ABOUT PORTFOLIO RESUME CONTACT

Website Design
Option 01

ABOUT PORTFOLIO RESUME CONTACT ABOUT PORTFOLIO RESUME CONTACT

ABOUT PORTFOLIO RESUME CONTACT

Vitamin Water CNY Red Packets

Portfolio 02 Portfolio 05
Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, consectetuer adipiscing elit,
sed diam nonummy nibh sed diam nonummy nibh
euismod tincidunt ut laoreet euismod tincidunt ut laoreet
dolore magna aliquam erat dolore magna aliquam erat
volutpat. Ut wisi enim ad volutpat. Ut wisi enim ad
minim veniam, quis nostrud minim veniam, quis nostrud

READ MORE READ MORE

<< PREVIOUS 1 2
Vigorous
Portfolio 03

About Me
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, GET IN TOUCH
sed diam nonummy nibh
Digital & Graphic Designer euismod tincidunt ut laoreet Lorem ipsum dolor sit amet, consectetuer
dolore magna aliquam erat adipiscing elit, sed diam nonummy nibh
volutpat. Ut wisi enim ad
minim veniam, quis nostrud euismod
Hi! My name is Abby Liew. I am a Junior Digital and Graphic Designer
with experience in the management of the complete design process, from
conceptualization to delivery. Present ideas verbally and create detailed
visual direction for presentations. Able to stretch the boundaries of web abbyliewLMX@gmail.com
READ MORE
design and digital storytelling.

Vitamin Water
Portfolio 04
Lorem ipsum dolor sit amet, Copyright @ Abby Liew 2020 | Portfolio website
consectetuer adipiscing elit,
sed diam nonummy nibh
euismod tincidunt ut laoreet
dolore magna aliquam erat
volutpat. Ut wisi enim ad
minim veniam, quis nostrud

READ MORE READ MORE READ MORE READ MORE

Icon Blogger....
CNY Red Packets
Portfolio 05
Lorem ipsum dolor sit amet,
CNY Red Packets consectetuer adipiscing elit,
Portfolio 01 sed diam nonummy nibh
euismod tincidunt ut laoreet
Lorem ipsum dolor sit amet, dolore magna aliquam erat
consectetuer adipiscing elit, volutpat. Ut wisi enim ad
sed diam nonummy nibh minim veniam, quis nostrud
euismod tincidunt ut laoreet
dolore magna aliquam erat
volutpat. Ut wisi enim ad
minim veniam, quis nostrud READ MORE

READ MORE
<< PREVIOUS 1 2

Vitamin Water
Portfolio 02
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit,
sed diam nonummy nibh
euismod tincidunt ut laoreet
dolore magna aliquam erat
 01 02

ABOUT PORTFOLIO RESUME CONTACT

ABOUT PORTFOLIO RESUME CONTACT

CNY Red Packets

Vitamin Water Portfolio 01 | Graphic Design
Portfolio 02
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

READ MORE Press to see work

Vigorous
Portfolio 03
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

READ MORE

Vitamin Water
Portfolio 04
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

READ MORE

CNY Red Packets

Portfolio 05
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

READ MORE

<< PREVIOUS 1 2 Press to the next page

 ABOUT PORTFOLIO RESUME CONTACT
Navigation bar:
- About
- Portfolio
- Resume
- Contact

Behide the object will float around

About Me
Digital & Graphic Designer

Hi! My name is Abby Liew. I am a Junior Digital and Graphic Designer Page 01
with experience in the management of the complete design process, from
conceptualization to delivery. Present ideas verbally and create detailed
visual direction for presentations. Able to stretch the boundaries of web
- About
design and digital storytelling.

READ MORE READ MORE READ MORE

Page 02
CNY Red Packets
- portfolio
Portfolio 01
Lorem ipsum dolor sit amet,
press the read more to go
consectetuer adipiscing elit,
sed diam nonummy nibh
euismod tincidunt ut laoreet
dolore magna aliquam erat
go the section
volutpat. Ut wisi enim ad
minim veniam, quis nostrud The box include
READ MORE
-Graphic design
-Digital design
Vitamin Water
-Work project
Portfolio 02
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit,
sed diam nonummy nibh
euismod tincidunt ut laoreet
dolore magna aliquam erat
 02

ABOUT PORTFOLIO RESUME CONTACT

Navigation bar: ABOUT PORTFOLIO RESUME CONTACT

Resume
- Resume Digital Designer | Graphic Designer

About Me
Digital & Graphic Designer

Hi! My name is Abby Liew. I am a Junior Digital and Graphic Designer

with experience in the management of the complete design process, from
conceptualization to delivery. Present ideas verbally and create detailed
visual direction for presentations. Able to stretch the boundaries of web
design and digital storytelling.

ABOUT PORTFOLIO RESUME CONTACT

READ MORE READ MORE READ MORE

01 01
CNY Red Packets
Portfolio 01 02 01
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

READ MORE

Vitamin Water
Portfolio 02
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit,
sed diam nonummy nibh
euismod tincidunt ut laoreet
dolore magna aliquam erat
Website Design
Option 02

ABOUT PORTFOLIO RESUME CONTACT

ABOUT PORTFOLIO RESUME CONTACT

<< PREVIOUS 1 2

About Me GET IN TOUCH

Digital & Graphic Designer Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh
euismod
Hi! My name is Abby Liew. I am a Junior Digital and Graphic Designer
with experience in the management of the complete design process, from
conceptualization to delivery. Present ideas verbally and create detailed
visual direction for presentations. Able to stretch the boundaries of web abbyliewLMX@gmail.com
design and digital storytelling.

Latest Branding Digital Work Project

Copyright @ Abby Liew 2020 | Portfolio website

Icon Blogger....

<< PREVIOUS 1 2
 ABOUT PORTFOLIO RESUME CONTACT
ABOUT PORTFOLIO RESUME CONTACT

Vitamin Water
Portfolio 02
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

READ MORE

Vigorous
Example Portfolio 03

About Me
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit,
sed diam nonummy nibh
Digital & Graphic Designer euismod tincidunt ut laoreet
dolore magna aliquam erat

02
volutpat. Ut wisi enim ad
Hi! My name is Abby Liew. I am a Junior Digital and Graphic Designer minim veniam, quis nostrud
with experience in the management of the complete design process, from
conceptualization to delivery. Present ideas verbally and create detailed
visual direction for presentations. Able to stretch the boundaries of web READ MORE
design and digital storytelling.

01 Vitamin Water
Latest Branding Digital Work Project Navigation bar to Portfolio 04
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit,

seperated section sed diam nonummy nibh

euismod tincidunt ut laoreet
dolore magna aliquam erat
volutpat. Ut wisi enim ad
minim veniam, quis nostrud

READ MORE

Latest work CNY Red Packets

Portfolio 05
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

READ MORE

<< PREVIOUS 1 2

<< PREVIOUS 1 2 to the second page

 02 03

ABOUT PORTFOLIO RESUME CONTACT

ABOUT PORTFOLIO RESUME CONTACT

CNY Red Packets

Vitamin Water Portfolio 01 | Graphic Design
Portfolio 02
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

READ MORE Press to see work

Vigorous
Portfolio 03
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

READ MORE

Vitamin Water
Portfolio 04
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

READ MORE

CNY Red Packets

Portfolio 05
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

READ MORE

<< PREVIOUS 1 2 Press to the next page

Website Design
Option 02

ABOUT PORTFOLIO RESUME CONTACT

ABOUT PORTFOLIO RESUME CONTACT

<< PREVIOUS 1 2

About Me
Digital & Graphic Designer

Hi! My name is Abby Liew. I am a Junior Digital and Graphic Designer

with experience in the management of the complete design process, from GET IN TOUCH
conceptualization to delivery. Present ideas verbally and create detailed Lorem ipsum dolor sit amet, consectetuer
visual direction for presentations. Able to stretch the boundaries of web
adipiscing elit, sed diam nonummy nibh
design and digital storytelling.
euismod

abbyliewLMX@gmail.com

Latest Branding Digital Work Project

Copyright @ Abby Liew 2020 | Portfolio website

Icon Blogger....

<< PREVIOUS 1 2
 01 03

ABOUT PORTFOLIO RESUME CONTACT ABOUT PORTFOLIO RESUME CONTACT

CNY Red Packets

Portfolio 01 | Graphic Design

Example
About Me
Digital & Graphic Designer

Hi! My name is Abby Liew. I am a Junior Digital and Graphic Designer

with experience in the management of the complete design process, from
02
conceptualization to delivery. Present ideas verbally and create detailed
visual direction for presentations. Able to stretch the boundaries of web
design and digital storytelling.

01
Latest Branding Digital Work Project click this to enter
the page

Latest work

<< PREVIOUS 1 2
to the second page