Select Page

Build A Biz Kids

UI/UX Design

Overview:

I have been working as a  UI/UX designer for BABK, and I have created some layout designs for their website. The layouts are for their Licensing page and Product page.

Role: UI/UX Designer  

Tools: Photoshop, Figma,  and InVision 

PS Icon
PS Icon
PS Icon

Design Process

1-. Summary

2-. Wireframes

3-. Style Guide

4-. Hi-fi Prototypes

1-. Summary

 Build a Biz Kids (BABK) is a non-profit organization based in Vancouver, B.C. that provides practical education for youth from all backgrounds, especially for kids  betwen 7 and 14 years old.

 Most of its courses are focused on helping kids to develop essential skills for a world that is constantly changing. With its unique methodology, the BABK courses provide for students the opportunity to practice their computer and human skills for their future careers.

 BABK also provides Licensing programs to institutions or schools that want to learn and adapt its methodlogy from its programs.

BABK Website

2-. Wireframes

First I created the wireframes in order to know how the user flow was going to be. Then I organized the required information for the Licensing page and the Product page.

The Licensing page needed to have all the programs that BABK offers to institutions or schools. The programs needed to be divived into categories, so it will be easier for the user to search for the different types of courses that BABK has to offer.

Afterwards, I started creating the High fidelity prototypes.

 

3-. Style Guide

Style Guide

Done in InVision

4-. Hi-fidelity Prototypes 

Let’s Work Together!