Pro Referral Web UI Design Project
Mission
Pro Referral is a royalty program of Home Depot to help local pros connecting with their potential clients. By providing leads to the local pros, Home Depot will be able to generate more sales from the local pros who return back to store to buy more tools and materials for their home service/handyman projects. It is a win-win program for both local pros and Home Depot itself.
What I Have Accomplished
Work closely with UX designer, product owner, business analysts and other key members of UX Design Team to understand the business process and requirements in order to design the most effective user interfaces.
My Role
As a UI Designer, I was responsible for designing and creating high fidelity mockups and visual graphic assets of the new UI Design. All UI design has to adhere The Home Depot Canada/homedepot.ca design standards by following the digital style guide for all elements, such as buttons, fonts, forms, tables, colors, icons, navigation and etc.
As a UI Designer at Home Depot Canada's E-Commerce department, I am responsible to create high fidelity mockup screens for Home Depot's ecommerce websites. For instance, this picture is about 8% zoomed out screen of the original screen size, it shows some examples of web UI mockups that I have done in Sketch software for Home Depot's ProReferral program sign-up flow. Each section of the mockup symoblizes a unique senario when user is interacting with the website. Each senario will be designed and created into 3 different break points for different device screens. These device screens are desktop, tablet and mobile phone screens.
I am also responsible in desiging many icon images for Pro Referral website, these are some of icon design that I have created for Home Depot Canada.
Above are work samples of the web UI design that I have done for Pro Referral website.
As a UI Designer, I also helped to design and create email content for Pro Referral program. Above are some of the work samples that I have done in this category.