Website & Brand Identity for a ceramic studio | UX/UI

•

Website and brand identity for a ceramics studio

The project was created for exercise purposes as part of the Digital Designer course by Tom Biskup and Design Practice.

2022

About the Project

Understanding the studio's needs

miło ceramika specializes in organizing ceramic workshops for different age groups and selling handmade ceramics.

Problem: A lack of a visual identity hindered brand recognition. Additionally, the absence of a website made it difficult for the studio's owner to register for workshops and accept ceramic orders via Instagram.

Goal: The main goal was to create a modern, responsive website and a cohesive visual identity, aiming to:

• increase brand awareness
• facilitate workshop registrations
• support product sales through an online store

The Process

Identifying the target audience

Since I used to work in a ceramics studio, I created a proto-persona for this project based on the information I had about customers buying ceramics. This helped me understand the basic needs of potential customers and was a good starting point for validating this with real users in the future.

Visual Identity

Typography: Organic main font character, reflecting the handmade nature of the ceramics, conveying the delicacy and subtlety of ceramics.

Color Palette: Earthy tones (browns, beiges) to establish a cohesive connection with ceramics, conveying warmth and the authenticity of the studio, with the addition of pink as a bold highlight.

Graphic Elements: I created graphic elements that bring to mind shapes reflected in clay. These elements have the potential to identify the brand and can be flexibly used on the website and in social media.

Webiste

Based on the developed visual identity, I prepared the website. I started by creating the information architecture, sitemaps, and then moved on to low-fidelity wireframes.

• Responsive design for easy access from various devices (especially mobile).
• Development of wireframes and prototypes.
• Clear and transparent navigation.
• Key sections: "Workshops", "Shop”.