Chichaus

AREA

UI Design
Coding

Tools

Adobe XD
Adobe Illustrator

duration

3 Months

Year

2024

Chichaus

AREA

UI Design
Coding

Tools

Adobe XD
Adobe Illustrator

duration

3 Months

Year

2024

Chichaus

AREA

UI Design
Coding

Tools

Adobe XD
Adobe Illustrator

Overview

This coding project focuses on building a functional e-commerce store using PHP, CSS, JavaScript, and a MySQL database. Centered around Chichaus, a furniture studio showcasing one-of-a-kind, handcrafted designs, the goal was to blend artistic aesthetics with practical functionality, creating a seamless shopping experience that celebrates creativity and individuality.
This coding project focuses on building a functional e-commerce store using PHP, CSS, JavaScript, and a MySQL database. Centered around Chichaus, a furniture studio showcasing one-of-a-kind, handcrafted designs, the goal was to blend artistic aesthetics with practical functionality, creating a seamless shopping experience that celebrates creativity and individuality.

Project's context

Problems

In today’s market, mass-produced furniture often lacks uniqueness, personality, and emotional value. People increasingly desire home decor that goes beyond functionality, seeking furniture with a personal touch that resonates with them emotionally. Current options may feel generic, leaving homes lacking that sense of originality and artistry.


Solutions

01 - Present Unique Pieces

Showcase one-of-a-kind designs that exemplify originality and craftsmanship, offering users distinctive options to elevate their living spaces.

02 - Inspire Visually

Develop a captivating interface that reflects the modern unique value of Chichaus, while drawing users in and enhancing their shopping experience.

03 - Celebrate Originality

Honor the skills of artists and the unique narratives behind each design.

Research

Over 80% of furniture is mass-produced, leaving little space for unique designs.

Demand for Exclusivity: 60% of consumers prefer custom or limited-edition pieces.
Artisanal Market Growth: The handmade furniture market is growing at 5-6% annually.
Willingness to Invest: 40% of buyers are willing to pay a premium for quality and originality.
This data highlights the demand for platforms like Chichaus that focus on exclusivity and artistry.

Brand's Concept

How can Chic-Haus deepen one's emotional connection to furniture by enhancing appreciation for aesthetics and craftsmanship to elevate customers' living spaces?


Brand Pillars

Purpose - To establish a unique market space that stands apart from mass production, celebrating one-of-a-kind artistry.
Positioning - Positioned as mid-to-high-end, appealing to an audience of young, modern art enthusiasts.
Promotion - Reflecting the handmade and limited nature of each product, prices align with the brand’s high-quality, exclusive offerings.
Personality - Modern, energetic, and artistic, resonating with creative and design-minded individuals.
Perception - Chichaus is a place for those seeking distinctive, beautifully crafted furniture that elevates their living spaces.


Target Customer

01 - Individuals seeking furniture that elevate living spaces and reflects their unique style
02 - Supporters of the creative community
03 - Willing to pay for limited-edition, high-quality, handmade products.
04 - Modern, young-at-heart, with a passion for artistic, one-of-a-kind design.

Styleguide

Site Map

Main Pages: Landing page, products listing, product details, cart, product added to cart, checkout, and order confirmation.
Supplementary Pages: Terms and conditions, about, and contact pages.

Low Fidelity Wireframes

The lo-fi wireframes were crucial in outlining the website's structure and defining the key pages (Home, Publications, Contact). The goal was to:


Establish a clear layout and navigation flow.
Identify necessary components and elements for each page.
Provide a foundation for refining visuals in the next stages.

Medium Fidelity Wireframes

The medium-fidelity wireframes integrate the established style guide, offering a more detailed representation of the layout and preparing it for code implementation.

Database

This step focuses on building a structured database to store and manage the site’s product information. This involves organizing product details, categories, price, designer, images, etc, to ensure efficient storage and retrieval.

Code Implementation

CSS

Code implementation was the main focus of this project. The first step of implementation was creating necessary pages for the site and a CSS styleguide that define elements like cards, buttons, forms, font families, and gridsystem. This step established a consistent design framework, enhancing both visual appeal and usability across the site.

PHP & MySQL

This stage includes connecting the database using PHP and MySQL functions, developing cart logics, creating an admin page for product editing, and integrating JavaScript to improve user interactions.

key takeaways

This project provided valuable insights into bridging brand identity with UI design while addressing current market demands for exclusive and artisanal products. One of the most exciting aspects was translating Chichaus’ brand essence into an engaging and visually appealing interface that resonates with customers and reflects the brand's unique personality.

Through this coding project, I deepened my understanding of MySQL functions and cart logic, exploring solutions for managing complex data structures. The use of a database proved essential for efficiently storing and updating large volumes of data, making it particularly valuable for scaling e-commerce platforms. While challenging, the process was both insightful and rewarding, successfully combining technical functionality with creative design.

More projects

GET IN TOUCH

contact@hle.design
LinkedIn
Ho chi minh
1:57:49 PM
(GMT +07)
San francisco
11:57:49 PM
(GMT -07)

GET IN TOUCH

contact@hle.design
LinkedIn
Ho chi minh
1:57:49 PM
(GMT +07)
San francisco
11:57:49 PM
(GMT -07)

GET IN TOUCH

contact@hle.design
LinkedIn
Ho chi minh
1:57:49 PM
(GMT +07)
San francisco
11:57:49 PM
(GMT -07)

ui & graphic designer

2024 All rights reserved

ui & graphic designer

2024 All rights reserved

ui & graphic designer

2024 All rights reserved