KUNAL DEVI

casa studio website

ROLE: (THE ONLY) UI UX DESIGNER AND DEVELOPER

DURATION: 5 WEEKS

I attended a panel discussion titled 'How to become a creative entrepreneur' and one of the panel members was JASMINE, the founder of Casa Studio. After the panel discussion, I casually went up to her for a chat and told her I can build websites. Cut to a few weeks later, I got the opportunity to design and develop the studio website!

VIEW WEBSITE

What is this project?

Website design for a small ceramics studio based in Canada who wanted to showcase their portfolio.

Why should you consider scrolling down?

Learn how to design and develop a brand-aligned website using a no-code tool even within a really short timeline.

JASMINE, THE FOUNDER SAYS:

"Working with Kunal was a fantastic experience. He guided us through each step, helping us capture our unique style with clear communication, regular check-ins, and insightful design advice. Kunal’s work on our portfolio and online store has given us a website that perfectly reflects the aesthetic of our ceramics business. It’s clean, professional, and user-friendly, beautifully showcasing our work and telling our story. We couldn’t be happier!"

CONSTRAINTS

The timeline

As an international student with a 20-hour work cap every week, I had only 7 hours per week from Casa Studio to complete the website within a tight three-week timeline. This urgency was driven by an upcoming workshop they planned to host, so I had to quickly master a new development tool while designing the entire website from scratch!

Speaking development before design

Format.com was to be used as a tool for developing this portfolio website.
This tool has limited capabilities in terms of layouts, page types and interactions which had to be studied and taken into consideration before designing the website.

Format focuses on using pre-designed templates over making things from scratch.

There are only a limited number of elements one can add to their Format website

USER FLOW

This website was going to be pretty similar to a ceramics website, but with a few changes:

The Gallery is a holistic page that accommodates anything ceramics that Casa studio puts out into the world and not just in-house work.
The footer acts as a gateway to content that is secondary in the information hierarchy so that new users don't miss out on any pages.

BUILDING THE LAYOUT

Home

Navigation

Feature image

Category wise gallery

Work philosophy/process statement

Merch gallery

Footer

Gallery

Navigation

Photo gallery

Link to custom order form

Collaboration 1

Link to About Casa

Footer

About Casa

Navigation

Founder thought / phrase

Founder photo

About sentences

What do we do? Work categories/types of clay/etc

How do we do it - process of making

Link to Gallery

Footer

Contact

Navigation

Information about offline store / working hours if needed

Contact form

Custom order form link with button

Footer

WIREFRAMES

Home

The home page mainly consists of images of the ceramic works by the studio. The flow of the images is broken by a quote to make the page interesting and non-repetitive. This quote also grounds the website to the studio's work philosophy.

Gallery

The Gallery page is minimal (less functionality and a passive experience), with an exhaustive set of all images of the studio's work and some breaks in between to disturb order.

About

This page has a different layout than the rest of the pages. This page has an in-depth paragraph about the studio, some key aspects of it, and a video illustrating the process followed by artists to make clay objects. Information regarding the studio is conveyed in different formats.