client

BAZIC Products

YEAR

2022-Present

PARTICIPANT

Rui Duan

services

Research, Wireframe, UI/UX Design, Visual Design, Graphic Design, Mockup, Prototyping, Motion Graphic

UI&UX Design—

BAZIC PRODUCTS

BAZIC Products is a company that manufactures a wide range of office, school, and art supplies. With a focus on meeting the needs of both professionals and students alike, BAZIC combines functionality with style to inspire creativity and productivity. Trusted by customers worldwide, BAZIC Products continues to uphold its dedication to excellence in crafting essential tools for work, study, and creativity. This page showcases my journey as a web/product designer at BAZIC Products. I invite you to explore the projects where I've had the opportunity to contribute my creativity and expertise to enhance the digital and physical presence of BAZIC's products. From web design initiatives aimed at improving online user experiences to product design endeavors focused on elevating the aesthetic appeal and functionality of stationery essentials, every endeavor has been driven by a dedication to excellence and a desire to inspire both professionals and students alike.

Website Redesign and Iteration

Background & Aims

Our company operates three distinct websites, each serving a specific purpose within our business ecosystem. Firstly, bazicproducts.com acts as our central hub for disseminating information about our company and showcasing our product range in detail. This platform serves as a vital resource for potential clients, investors, and stakeholders seeking comprehensive insights into our offerings and corporate identity.

Secondly, bazicstore.com functions as our online retail storefront, catering to individual customers looking to purchase our products conveniently. This e-commerce platform is crucial for driving direct sales and enhancing customer engagement through seamless browsing, purchasing, and support experiences.

Lastly, we have a dedicated website tailored specifically for our network of dealers and distributors. This platform serves as a vital communication channel, providing our partners with access to essential resources, training materials, and support documentation necessary for effectively representing and selling our products in their respective markets.

Currently, each of these websites operates on separate platforms, leading to inefficiencies in management and coordination efforts.  Compounded by outdated designs and poor interaction, the need for a comprehensive overhaul is evident. Thus, we are initiating a refinement endeavor to consolidate our website infrastructure. Our objective is clear: to seamlessly merge these platforms into a unified system, enabling more efficient management without compromising the distinctive functionalities and user experiences that define each site's purpose, and also improve and update the website interface design at the same time.

Site Structure Outlining

After developing multiple workflows to integrate our three main websites, we ultimately concluded that consolidating them into a single corporate website would be the most effective solution. This centralized platform serves as the hub for all information related to BAZIC Products, offering seamless navigation and providing access to all necessary pages and resources. By streamlining our online presence in this manner, we ensure a cohesive user experience while maintaining comprehensive access to essential content and features.

Our homepage will feature four primary entrances: 'Corporation Information,' 'Bazic Store,' 'Partner Login,' and 'Products Information.' Under 'Corporation Information,' visitors will find links to 'About Us,' 'Inspire Me' (our blog), 'Contact Us,' and 'Careers,' providing comprehensive insight into our company's values, mission, and offerings. 'Bazic Store' will serve as a direct gateway to our online retail platform for regular customers, while 'Partner Login' will grant access to our partners, enabling them to utilize specialized functions on our internal pages. 'Products Information' will showcase our entire product catalog, offering detailed information for easy browsing and selection.

Workflow

Wireframe

Wireframe (Parts of Corporate Page and B2B)

This wireframe delineates sections of the corporate homepage and B2B workflow. Guests will have access solely to browsing capabilities on the corporate website, while our partners gain access to internal information such as pricing and the ability to place orders upon logging in. Individual customers, however, must navigate to our online store to make purchases. The website's functions and structure will dynamically adjust based on the user's status—whether they are a guest, partner, or individual customer—offering tailored experiences accordingly.

UI KITS

UI Kits

We will unify the website design by prominently featuring our corporate colors, green and gold, throughout. These colors will serve as the emphasis, ensuring a cohesive and branded look across the entire site.

Visual Layout (Some page examples)

BAZIC PRODUCTS corporate website homepage
BAZIC STORE(online store) website homepage

Prototyping (Partial Screenshot)

Marketing and Promotion

Back to School Poster                                                 

BTS POSTER 2022   /   BTS POSTER 2023