Selected Portfolio Work

Web design developed from concept to polished experience

A growing collection of independently created website concepts showing my approach to visual direction, responsive structure, content organization, and careful refinement.

View Featured Project Discuss Your Website

Watercolour illustration of responsive website layouts displayed across desktop, tablet, and phone screens

Featured Case Study

Sapphira Spa & Salon

A restorative spa concept revisited as a complete responsive portfolio website.

Sapphira spa concept treatment room in warm natural colours

Responsive spa concept

College concept Independent redesign Bootstrap

A warm, natural identity shaped into a complete digital experience

The original Sapphira concept was created for a college assignment. I later rebuilt and expanded it as an independent portfolio project, improving the layout, responsive behaviour, content structure, accessibility, and overall visual direction.

Brand contribution

I created the original Sapphira logo in Adobe Illustrator, using curved lettering, leaf-inspired details, copper, mint, and natural tones to give the fictional brand a welcoming spa character.

Project type: Educational concept, independently redesigned
My role: Logo, visual design, content structure, development
Tools: Adobe Illustrator, HTML, CSS, Bootstrap, JavaScript

Explore the Sapphira Website View Mood Board & Wireframe

What This Project Demonstrates

Design decisions carried through every stage

The case study includes the finished website as well as selected planning and design-process material.

Brand Direction

A custom logo, coordinated typography, and a natural colour palette establish a consistent fictional spa identity.

Responsive Structure

The Bootstrap layout adapts across screen sizes while keeping navigation, services, and calls to action easy to follow.

Art Direction & Review

AI-assisted imagery is selected, reviewed, and refined for consistency, realism, and alignment with the overall design.

New Case Study

Dove Farms Winery

A vintage student winery concept rebuilt as a refined, responsive hospitality website.

Responsive winery concept

College concept Independent rebuild Hospitality

A heritage winery story reorganized for a modern visitor experience

The original Dove Farms website was created through Sessions College coursework. I rebuilt the fictional winery concept with a stronger visual hierarchy, responsive navigation, an editorial wine collection, clearer visit information, and purposeful interactions including animated navigation, image-detail reveals, progressive content motion, and an integrated Paso Robles regional map.

Original identity retained

The two-dove logo and central family-winery idea remain part of the project history, while the new palette, photography, typography, and layout give the concept a more established hospitality character.

Project type: Educational concept, independently rebuilt
My role: Visual redesign, content structure, interaction design, responsive development
Tools: HTML, CSS, Bootstrap, JavaScript, AI-assisted art direction

Explore the Dove Farms Website View Original Student Version

Live Business Website

Sheila T's Pet Care Service

A welcoming website created for a real pet care business.

Real BusinessPet CareResponsive Design

A friendly digital presence built around trust and clear communication

Sheila T's Pet Care Service is my own pet care business. I designed the website to introduce my services, share useful information with prospective clients, and make it easy to get in touch.

Real-world business project

Unlike the educational concepts above, this live website supports an active pet care business and its client outreach.

Project type: Live small-business website
My role: Business owner, website design and content
Focus: Brand identity, service clarity, responsive experience

Explore the Pet Care Website View Mood Board & Wireframe

Student Website Case Study

Discover Europe

A Bootstrap student website featuring European destination pages and a detailed travel inquiry form.

Student ProjectTravel & TourismBootstrapContact Form

Connecting destination browsing with a structured travel inquiry form

Built as an educational Bootstrap website, Discover Europe brings together eight destination pages and a travel inquiry form. The contact page uses a two-column layout for personal details, dropdown menus for age, student status, country and interests, date fields for travel plans, an airport field, a comments area, and a clear Submit button. This project demonstrates form layout, consistent alignment, and organized information collection.

Original student website

This case study documents the original educational project and includes a retrospective mood board and wireframe, while preserving the published student website separately.

Project type: Educational travel website
My role: Student web design and site development
Focus: Bootstrap grid, multi-page navigation, form controls and layout

Explore the Discover Europe Case Study View Original Student Website

More Work to Come

Additional case studies are being carefully prepared

As each project is updated, it will be added with clear context, process details, and a link to explore the finished website.

Start a Conversation