Yujie Yang

Website Design / Branding / Photography / Front-End Development

Carabean Coffee Website

A business website for Carabean, a small local coffee caravan based at Red Rocks, Wellington.

Role: Website design, photography direction, front-end coding, moodboarding, visual research

Tools: HTML, CSS, JavaScript, VS code, Copilot, Github, Procreate

Outcome: A responsive business website with gallery, navigation and customer-facing information

Project head image

Project Overview

Carabean is a small local coffee business located at Red Rocks, Wellington. I was commissioned to design and develop a website for the business with minimal initial direction, which allowed significant creative freedom throughout the project.

The objective was to create a website that felt clean, cohesive, informative and functional while reflecting the personality of the business and its coastal environment.

Visual Direction

Warm, nostalgic, handmade and coastal.

After researching the location, brand and customer experience, I established these key themes to guide the visual direction. I developed an initial moodboard containing typography, colour, texture, layout inspiration, photography references and product imagery.

Initial moodboard draft Final moodboard

Brand Elements

Photoshoot Planning

I planned and directed a full photoshoot for the website, identifying the imagery needed to support both the branding and user experience.

caravan-1 caravan-2 caravan-3

Website Design & Coding

Following the research and photography stages, I collaborated with another designer to co-design the website interface and user experience. I was responsible for coding the website and implementing the interactive elements.

Final Outcome

The final website captured the warm and welcoming atmosphere of the business while providing a clear and engaging digital presence for customers. The project was delivered successfully, and the client was highly satisfied with the result.

View Live Website Carabean Coffee website preview