Leo Fu - Portfolio
Computation Arts (BFA)
Concordia University

Leo Fu - Portfolio
Computation Arts (BFA)
Concordia University

Table of contents

Table of contents

Space Invaders - HTML5, CSS, JS

Space Invaders -

HTML5, CSS, JS

2

2

DENS - Web & Application Design

DENS -

Web & Application Design

3

3

SCORE - Web & Application Design

SCORE -

Web & Application Design

4

4

SUMMER AND THE DEMON - Graphic Design, Print Mockup

SUMMER AND THE DEMON -

Graphic Design, Print Mockup

6

6

DISTANCE TO DIE - Digital Painting, Conceptual Illustration

DISTANCE TO DIE -

Digital Painting, Conceptual Illustration

7

7

YOUNG LAD AND THE SEA - Graphic Design, Poster Mockup

YOUNG LAD AND THE SEA -

Graphic Design, Poster Mockup

8

8

1.

  • Collaborated in a 5-member team, developing a Lagrange Point physics simulator for the 2022 McGill Physics Hackathon.

  • Managed front-end architecture by implementing a user-friendly GUI using Python’s PyQT API and QML.

  • Contributed to back-end physics calculations by approximating quintic functions, improving runtime speed by 46%.

  • Collaborated in a 5-member team, developing a Lagrange Point physics simulator for the 2022 McGill Physics Hackathon.

  • Managed front-end architecture by implementing a user-friendly GUI using Python’s PyQT API and QML.

  • Contributed to back-end physics calculations by approximating quintic functions, improving runtime speed by 46%.

2.

  • Wrote the HTML, CSS & JS code with help from teacher.

  • Created front end elements using aforementioned coding languages.


    CONTROLS: Arrow keys Left + Right to move, space bar to shoot


    Space invaders was a school project in my web development class.

  • Wrote the HTML, CSS & JS code with help from teacher.

  • Created front end elements using aforementioned coding languages.


    CONTROLS: Arrow keys Left + Right to move, space bar to shoot


    Space invaders was a school project in my web development class.

3.

DENS - Web & Application Design

DENS - Web & Application Design

Leo Fu

Leo Fu

Dimensions: Variable/responsive, depends on display

Dimensions: Variable/responsive,

depends on display

Nov - Dec 2024

Nov - Dec 2024

Dens is a very needed redesign of the current tool dentistry students + teachers use in university. The information architecture they currently have has tons of recursions, a confusing user flow, limited use on mobile and just isn't aesthetically pleasing.


Dens aims help students and teachers learn their main online tool easier and faster while keeping the high functionality and adding features such as study resources and direct messaging.

Dens is a very needed redesign of the current tool dentistry students + teachers use in university. The information architecture they currently have has tons of recursions, a confusing user flow, limited use on mobile and just isn't aesthetically pleasing.


Dens aims help students and teachers learn their main online tool easier and faster while keeping the high functionality and adding features such as study resources and direct messaging.

4.

Dimensions: Variable/responsive, depends on display

Dimensions: Variable/responsive,

depends on display

Mar - May 2024

Mar - May 2024

Score is an application that let's anyone host or join sport events with local players designed for anybody from casual players, to active sports enthusiasts, to event organizers and coaches. Score is a proposal for humans who want to compete, have fun and stay healthy in an era of instant gratification.


Score was designed following cult user experience and interface methodologies, putting the user front and center.

Score is an application that let's anyone host or join sport events with local players designed for anybody from casual players, to active sports enthusiasts, to event organizers and coaches. Score is a proposal for humans who want to compete, have fun and stay healthy in an era of instant gratification.


Score was designed following cult user experience and interface methodologies, putting the user front and center.

5.

Dimensions: Variable/responsive, depends on display

Dimensions: Variable/responsive,

depends on display

Sept 2024

Sept 2024

Eric Deng is a software engineer @Ericsson. This is his personal website layout designed to his liking.


I collaborated with him(developer) to build this website end-to-end.

Eric Deng is a software engineer @Ericsson. This is his personal website layout designed to his liking.


I collaborated with him(developer) to build this website end-to-end.

6.

SUMMER AND THE DEMON - Graphic Design, Print Mockup

SUMMER AND THE DEMON - Graphic Design,

Print Mockup

Leo Fu

Leo Fu

1200 x 1500 @300ppi

4 x 5"

1200 x 1500 @300ppi

4 x 5"

Oct 2023

Oct 2023

Summer and the demon is a project I hold dearly to my heart. It is a collection of characters that I have conceptualized and illustrated surrounded by an array of graphical elements. There are a variety of different techniques and styles used such as realistic lighting, cell shading, and typography to properly illustrate my skillset.


Briefly put, this project is a fusion of the world and narrative direction I built in my head. Finally creating it in a print format was my expression of the heart.

Summer and the demon is a project I hold dearly to my heart. It is a collection of characters that I have conceptualized and illustrated surrounded by an array of graphical elements. There are a variety of different techniques and styles used such as realistic lighting, cell shading, and typography to properly illustrate my skillset.


Briefly put, this project is a fusion of the world and narrative direction I built in my head. Finally creating it in a print format was my expression of the heart.

7.

DISTANCE TO DIE - Digital Painting, Conceptual Illustration

DISTANCE TO DIE - Digital Painting, Conceptual Illustration

Leo Fu

Leo Fu

1200 x 1500 @300ppi

4 x 5"

1200 x 1500 @300ppi

4 x 5"

May 2022

May 2022

Distance to die is another project in which I try to give a physical form to the idea of death. I used techniques to make the gigantic skeleton/robot scale extremely large in the background, representing the importance or the inevitability of death.


Despite it being gigantic, I am still comforted by the idea that a physical form makes it more digestible. This is my twist on the very common trope of death being an entity.

Distance to die is another project in which I try to give a physical form to the idea of death. I used techniques to make the gigantic skeleton/robot scale extremely large in the background, representing the importance or the inevitability of death.


Despite it being gigantic, I am still comforted by the idea that a physical form makes it more digestible. This is my twist on the very common trope of death being an entity.

8.

YOUNG LAD AND THE SEA - Graphic Design, Poster Mockup

YOUNG LAD AND THE SEA - Graphic Design,

Poster Mockup

Leo Fu

Leo Fu

1200 x 1500 @300ppi

4 x 5"

1200 x 1500 @300ppi

4 x 5"

Nov 2023

Nov 2023

In this piece, I removed the head of the central character and replaced it with a falling star. The idea behind it was the fact that geniuses are born extremely rarely, represented with the occurrence of a falling star. The attire the character is wearing is reminiscent of a young school boy, the meaning is the following: the next genius physicist or mathematician is likely in school right now, not knowing that he will eventually change the world.


Save us soon!

In this piece, I removed the head of the central character and replaced it with a falling star. The idea behind it was the fact that geniuses are born extremely rarely, represented with the occurrence of a falling star. The attire the character is wearing is reminiscent of a young school boy, the meaning is the following: the next genius physicist or mathematician is likely in school right now, not knowing that he will eventually change the world.


Save us soon!