loader image

ABOUT          WORK          CONTACT

Hi, my name is Zak &

I’m a Web Designer UI Designer Brand Designer based

in Vancouver.

I have over 7 years experience in web design, UI Design and branding.
I also love retro console games, arcade rhythm games, hiking and dogs!
Hey, why don’t you join me for a game?

Hi, my name is Zak &

I’m a Web Designer UI Designer Brand Designer based

in Vancouver.

I have over 5 years experience in web design, UI Design and branding. I also love retro console games, arcade rhythm games, hiking and dogs!
Hey, why don’t you join me for a game?

I have over 5 years experience in web design, UI Design and branding.
I also love retro console games, arcade rhythm games, hiking and dogs!
Hey, why don’t you join me for a game?

Floating Item

WHO AM I?

I create interactive math activities for kids as a full time job. I take care of the page design & implementation as well as design the manipulative & interactive objects.

I worked part-time as a web designer for Refood Food Rescue Foundation in 2022. Oh, and I also freelance in design in my spare time!

Floating Item

MY LATEST WORK

Web Design ⋅ UI Design ⋅ Brand Design

Floating Item

CHQ - LOCAL ARCADE

Working with my local arcade on their storefront, game cards and posters for upcoming games.

Description

  • Created four posters as promotion for their upcoming games.
  • Designed points cards/game cards
  • Redesigned storefront for a more modern look
  • Worked with their arcade cabinet supplier and redesigned their logo.

CHQ – Local arcade design

Working with my local arcade on their storefront, game cards and posters for upcoming games.

CHQ - LOCAL ARCADE

Working with my local arcade on their storefront, game cards and posters for upcoming games.

Description

  • Created four posters as promotion for their upcoming games.
  • Designed points cards/game cards
  • Redesigned storefront for a more modern look
  • Worked with their arcade cabinet supplier and redesigned their logo.
Floating Item

NETMATH / BUZZMATH PROJECTS

Online math learning platform Netmath & Buzzmath.

Grade 1 & 2 math activities

Grade 1 & 2 math activities

  • Created over 400 unique, interactive learning activities targeted at Grade 1 and 2 students.
  • Designed pages according to design guidelines.
  • Implemented the activities in our in-house CMS.
  • QA test activities and bug fixes.

Try out some of the activities here:
https://www.buzzmath.com/en/play-math#/6-7-years-old

Manipulative/Interactive Objects

Manipulative/Interactive Objects

  • Redesigned 120 interactive math objects in Sketch and Figma.
  • Immediate answer feedback: created each object state with detailed specifications (correct validation, incorrect, etc).
  • Created user stories, use cases, edge cases, redlining for each manipulative object.

Try out some of the activities:
https://www.buzzmath.com/en/play-math#/6-7-years-old

Netmath & Buzzmath website

Netmath & Buzzmath website

  • Created detailed wireframes for over 10 pages.
  • Collaborated alongside the marketing team for the creation of the new website as well as the initial design style & content placement.

Visit the new website:
https://www.buzzmath.com/en/teach-math

Netmath / Buzzmath Projects

Online math learning platform Netmath & Buzzmath.

NETMATH / BUZZMATH PROJECTS

Online math learning platform Netmath & Buzzmath.

Grade 1 & 2 math activities

Grade 1 & 2 math activities

  • Created over 400 unique, interactive learning activities targeted at Grade 1 and 2 students.
  • Designed pages according to design guidelines.
  • Implemented the activities in our in-house CMS.
  • QA test activities and bug fixes.

Try out some of the activities here:
https://www.buzzmath.com/en/play-math#/6-7-years-old

Manipulative/Interactive Objects

Manipulative/Interactive Objects

  • Redesigned 120 interactive math objects in Sketch and Figma.
  • Immediate answer feedback: created each object state with detailed specifications (correct validation, incorrect, etc).
  • Created user stories, use cases, edge cases, redlining for each manipulative object.

Try out some of the activities:
https://www.buzzmath.com/en/play-math#/6-7-years-old

Netmath & Buzzmath website

Netmath & Buzzmath website

  • Created detailed wireframes for over 10 pages.
  • Collaborated alongside the marketing team for the creation of the new website as well as the initial design style & content placement.

Visit the new website:
https://www.buzzmath.com/en/teach-math

Floating Item

ORANGE FASHION VILLAGE

Women's clothing fashion apparel​​​​​​​ - eCommerce website

Description

  • Collaborated with team to determine desired content and design style.
  • Designed detailed custom mockups for both desktop and mobile responsiveness in Figma.
  • Prototyped website in Figma.
  • Created bamboo collection logo and underwear box.

Colors

PRIMARY

#262626

SECONDARY

#000000

 

#656565

 

#FAFAFA

Typography

JOSEPHIN SANS - LIGHT

PT Sans: The quick brown fox jumped over the lazy dog.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
0 1 2 3 4 5 6 7 8 9

JOSEPHIN SANS - LIGHT

PT Sans: The quick brown fox jumped over the lazy dog. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
0 1 2 3 4 5 6 7 8 9

Logo Artwork

Bamboo Collection

Product Design

Women's bamboo underwear box design

Orange Fashion Village

Women’s clothing fashion apparel​​​​​​​ – eCommerce website.

ORANGE FASHION VILLAGE

Women's clothing fashion apparel​​​​​​​ - eCommerce website

Description

  • Collaborated with team to determine desired content and design style.
  • Designed detailed custom mockups for both desktop and mobile responsiveness in Figma.
  • Prototyped website in Figma.
  • Created bamboo collection logo and underwear box.

Colors

PRIMARY

#262626

SECONDARY

#000000

 

#656565

 

#FAFAFA

Typography

JOSEPHIN SANS - LIGHT

PT Sans: The quick brown fox jumped over the lazy dog.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
0 1 2 3 4 5 6 7 8 9

JOSEPHIN SANS - LIGHT

PT Sans: The quick brown fox jumped over the lazy dog. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
0 1 2 3 4 5 6 7 8 9

Logo Artwork

Bamboo Collection

Product Design

Women's bamboo underwear box design

Floating Item

TELVA CONSTRUCTION

Small construction company located in Montreal, Québec.

Description

  • Collaborated with the client to determine desired content and design style.
  • Designed detailed custom mockups for desktop, tablet and mobile responsiveness in Figma.
  • Prototyped the website in Figma
  • Developed the website with WordPress / Divi along with custom Javascript and CSS for slide-in menu, animations & transitions.

Visit the website: https://telva.ca/

Colors

PRIMARY

#2959A0

SECONDARY

#252525

 

#000521

 

#000521

Typography

Frank Ruhl Libre

Aileron: The quick brown fox jumped over the lazy dog.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
0 1 2 3 4 5 6 7 8 9

Frank Ruhl Libre

Aileron: The quick brown fox jumped over the lazy dog. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
0 1 2 3 4 5 6 7 8 9

Telva Construction

Small construction company located in Montreal, Québec.

TELVA CONSTRUCTION

Small construction company located in Montreal, Québec.

Description

  • Collaborated with the client to determine desired content and design style.
  • Designed detailed custom mockups for desktop, tablet and mobile responsiveness in Figma.
  • Prototyped the website in Figma
  • Developed the website with WordPress / Divi along with custom Javascript and CSS for slide-in menu, animations & transitions.

Visit the website: https://telva.ca/

Colors

PRIMARY

#2959A0

SECONDARY

#252525

 

#000521

 

#000521

Typography

Frank Ruhl Libre

Aileron: The quick brown fox jumped over the lazy dog.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
0 1 2 3 4 5 6 7 8 9

Frank Ruhl Libre

Aileron: The quick brown fox jumped over the lazy dog. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
0 1 2 3 4 5 6 7 8 9

Floating Item

LOVE TRIANGLE ONIGIRI

Social entreprise for the Canadian charity Refood Food Rescue.

Description

  • Volunteered part-time at Refood Food Rescue Foundation as a web designer to help build their social entreprise Love Triangle.
  • Collaborated with Refood to determine desired content and design style.
  • Designed detailed custom mockups for desktop, tablet and mobile responsiveness in Figma.
  • Prototyped the website in Figma.
  • Developed the website with WordPress / Divi along with custom Javascript and CSS for animations & transitions.
  • Designed multiple logos and created brand guidelines.

Visit the website: https://lovetriangleonigiri.com/

Colors

PRIMARY

#DD5050

SECONDARY

#1E1C1C

 

#331313

 

#EFEFEF

Typography

Baloo Da 2

Overpass: The quick brown fox jumped over the lazy dog.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
0 1 2 3 4 5 6 7 8 9

Baloo Da 2

Overpass: The quick brown fox jumped over the lazy dog. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
0 1 2 3 4 5 6 7 8 9

Brand Guidelines and Logo Artwork

Love Triangle Onigiri

Social entreprise for the Canadian charity Refood Food Rescue

LOVE TRIANGLE ONIGIRI

Social entreprise for the Canadian charity Refood Food Rescue.

Description

  • Volunteered part-time at Refood Food Rescue Foundation as a web designer to help build their social entreprise Love Triangle.
  • Collaborated with Refood to determine desired content and design style.
  • Designed detailed custom mockups for desktop, tablet and mobile responsiveness in Figma.
  • Prototyped the website in Figma.
  • Developed the website with WordPress / Divi along with custom Javascript and CSS for animations & transitions.
  • Designed multiple logos and created brand guidelines.

Visit the website: https://lovetriangleonigiri.com/

Colors

PRIMARY

#DD5050

SECONDARY

#1E1C1C

 

#331313

 

#EFEFEF

Typography

Baloo Da 2

Overpass: The quick brown fox jumped over the lazy dog.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
0 1 2 3 4 5 6 7 8 9

Baloo Da 2

Overpass: The quick brown fox jumped over the lazy dog. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
0 1 2 3 4 5 6 7 8 9

Brand Guidelines and Logo Artwork

Floating Item

ESPACE PUBLICATIONS

Magazine publishing website​​​​​​​.

Description

  • Collaborated with the client to determine desired content and design style.
  • Designed detailed mockups of the website for both desktop and mobile responsiveness.
  • Developed the website in Bootstrap, HTML, CSS, Javascript and PHP.
  • Regularly update the website with the newest
magazine edition.

Visit the website: https://e5pace.com/

Colors

PRIMARY

#0A3C63

SECONDARY

#AC1F2E

 

#1C1C1C

 

#131313

Typography

Playfair Display

Source Sans Pro : The quick brown fox jumped over the lazy dog.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
0 1 2 3 4 5 6 7 8 9

Playfair Display

Source Sans Pro : The quick brown fox jumped over the lazy dog.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
0 1 2 3 4 5 6 7 8 9

Espace Publications

Magazine publishing website​​​​​​​.

ESPACE PUBLICATIONS

Magazine publishing website​​​​​​​.

Description

  • Collaborated with the client to determine desired content and design style.
  • Designed detailed mockups of the website for both desktop and mobile responsiveness.
  • Developed the website in Bootstrap, HTML, CSS, Javascript and PHP.
  • Regularly update the website with the newest
magazine edition.

Visit the website: https://e5pace.com/

Colors

PRIMARY

#0A3C63

SECONDARY

#AC1F2E

 

#1C1C1C

 

#131313

Typography

Playfair Display

Source Sans Pro : The quick brown fox jumped over the lazy dog.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
0 1 2 3 4 5 6 7 8 9

Playfair Display

Source Sans Pro : The quick brown fox jumped over the lazy dog.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
0 1 2 3 4 5 6 7 8 9

Let’s talk!

I’ll be glad to answer your questions. Let’s work together!

7 + 12 =