Family Home Christian Books

UI/UX, Front-end, Back-end

About
Family Home Christian Books is a e-commerce bookstore that has been enriching families with books, DVDs, and other materials for children and adults on topcis such has health and disease, family values, and spirituality.
Books

Choice of over 1000 unique books

Shop

The ability to buy individual books or collection

Affiliate Program

Essential Affiliate Tools

fhcb-1
shape
img
img
shape
shape
shape
shape
Main issues
  • The structure is messy and uncomfortable
  • Appearance needs improvement
  • Responsive design does not fulfill its function
  • Affiliate page needs to be redesign
  • fhcb-2
Solutions
Research

We had to do an in-depth study of customer needs. This helped test some new design ideas. The functions that customers need the most, as well as those that can be abandoned, were identified.

User Flow

The main stage in the design was the development of an updated user flow. We identified serious flaws in the previous version that complicated the use. Some actions were too confusing, and important functions were hidden.

Design System

Design systems play an important role in large projects. A wide variety of pages, features, and various elements can lead to confusion and chaos. We have created rules that keep a single style across all pages and products.

Responsive Layouts

More than half of our users use their portable devices to use the application. Therefore, it was important to update the adaptive design while maintaining all the functions.

shape
img
img
shape
shape
shape
shape
Design System

This is a set of rules, elements and graphic materials for working with the visual style of the company.

Color Palette
fhcb-3
Elements
Grid
fhcb-4
The result

First of all, we developed a design system, so that all products of the company have a common style and adhere to the same rules in design. The interface has received significant improvements. Now the main functions have become more accessible, and thanks to the responsive design the site is convenient to use on any device.

fhcb-5
shape
img
img
shape
shape
shape
shape