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?
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?
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!
MY LATEST WORK
Web Design ⋅ UI Design ⋅ Brand Design
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
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
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
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
MONDE DE JF
Blog dedicated to help people living with disabilities
Description
- Collaborated with the client to determine desired content and design style.
- Designed detailed custom mockups for both desktop and mobile responsiveness in Figma.
- Prototyped the website in Figma.
- Developed the website with WordPress / Divi.
This is a website specifically adapted for visual disabilities and this concept was built alongside the clients collaboration.
Visit the website: https://mondedejf.ca/
Colors
PRIMARY
#515F6E
SECONDARY
#EE6C4D
#1C1C1C
#394450
Typography
PT Serif
Hind Siliguri: 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
PT Serif
Hind Siliguri: 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
Monde De Jf
Blog dedicated to help people living with disabilities
MONDE DE JF
Blog dedicated to help people living with disabilities
Description
- Collaborated with the client to determine desired content and design style.
- Designed detailed custom mockups for both desktop and mobile responsiveness in Figma.
- Prototyped the website in Figma.
- Developed the website with WordPress / Divi.
This is a website specifically adapted for visual disabilities and this concept was built alongside the clients collaboration.
Visit the website: https://mondedejf.ca/
Colors
PRIMARY
#515F6E
SECONDARY
#EE6C4D
#1C1C1C
#394450
Typography
PT Serif
Hind Siliguri: 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
PT Serif
Hind Siliguri: 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
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
Lets talk!
I’ll be glad to answer your questions. Let’s work together!
