Midnight Bloom Apothecary Website Design
Project Overview
Midnight Bloom Apothecary is a fully conceptual brand created to explore how a moody, botanical identity can translate into a modern digital experience. The project includes a multi‑page website system built around ritual, atmosphere, and sensory storytelling. The goal was to design a cohesive brand world that feels immersive and handcrafted while maintaining clear hierarchy, intuitive navigation, and a refined visual rhythm across every page.
Home Page Design
The home page establishes the brand’s emotional direction through gentle spacing, organic textures, and warm photography that evoke a sense of calm ritual. Each content block is intentionally structured to guide users from brand introduction into product discovery, which creates a slow, immersive visual pace while also maintaining a moody, botanical tone. The hero section features an atmospheric bath scene paired with refined typography to introduce the brand’s identity. Every element is designed to feel handcrafted and rooted in botanical inspiration.
Shop Page Design
The Shop Page introduces the Midnight Teahouse Collection with a softer, more sensory visual direction. The layout uses refined typographic hierarchy, warm tea photography, and gentle spacing to create a calm, intimate browsing experience. Poetic descriptions and cohesive color cues reinforce the collection’s identity while maintaining consistency with the broader brand system. The page balances storytelling with clarity, making specialty items feel elevated yet approachable.
Product Page Design
The products page expands the visual system into a clean, organized layout that highlights small batch craftsmanship. A modular grid presents each item with warm photography, clear labeling, and balanced spacing. The palette stays rooted in organic tones and botanical accents, creating cohesion across categories. The page blends usability with storytelling by pairing minimal product cards with atmospheric imagery, allowing users to browse intuitively while staying immersed in the brand world.
About Us Page Design
The About Us page focuses on narrative and brand personality. A warm, consistent, moody palette and atmospheric photography support a story centered around craft, ritual, and botanical inspiration. The layout uses structured spacing and clean typography to keep the content readable while preserving the brand’s immersive tone. This page serves as the emotional anchor of the website, giving users a deeper connection to the creators and the philosophy behind the products.
Outcome
The Midnight Bloom Apothecary project creates a cohesive digital brand world that blends atmosphere with usability. Each page adapts the visual system in a way that feels intentional, immersive, and aligned with the brand’s moody botanical identity. The multi‑page structure gives potential clients a clear view into how I build conceptual brands, develop visual hierarchy, and translate aesthetic direction into functional digital experiences.
**This is a fully original concept brand designed to demonstrate world‑building, visual identity development, and multi‑page website design. Midnight Bloom Apothecary is a fictional brand.**
Future Funds Web Design
Project Overview
FutureFunds is a concept project created to explore how financial guidance can be presented in a way that feels clear, trustworthy, and approachable. Starting with only a logo and a basic color palette, the goal was to build a complete one-page website that communicates financial confidence through a structured hierarchy, modern visuals, and user‑friendly interactions. This project highlights how thoughtful layout, typography, and iconography can turn complex financial topics into an accessible digital experience.
Design Approach
The visual system centers around a clean grid, balanced spacing, and a green‑forward palette that reinforces growth and stability. The hero section uses a strong typographic statement paired with a rising bar graph icon to establish the brand’s focus on financial empowerment. Soft gradients, calm neutrals, and intentional white space create an approachable rhythm that guides users through the page without feeling overwhelming. Each section was sequenced to build understanding, starting with services, moving into testimonials, and ending with educational content. Modular cards, consistent iconography, and clear labeling help simplify topics like budgeting, planning, and investment basics. Interactive elements such as the consultation form and calculator area were designed with intuitive grouping and clean fields to reduce friction and support usability.
Outcome
The final one-page design blends clarity with visual warmth, creating a financial experience that feels modern, structured, and user‑friendly. It demonstrates my ability to build a complete digital system from minimal assets, applying hierarchy, UX thinking, and cohesive branding throughout the page.
**Future Funds is a fictional brand**
Roasted & Toasted Coffee Bar Website Design
Project Overview
Roasted & Toasted is a concept project created to explore how a coffee brand can express warmth, comfort, and handcrafted quality through a digital experience. The goal was to design a cohesive system across the Home Page and Menu Page that reflects the café’s lakeside identity while supporting clear browsing and easy ordering. This project focuses on how color, photography, and layout can work together to create an inviting hospitality‑inspired interface.
Home Page Design
The home page was built around warm coffee tones, textured photography, and soft lighting to create an immediate sense of comfort. The hero section uses a close espresso shot paired with friendly typography to establish the brand’s handcrafted personality. Spacious margins, gentle shadows, and warm neutrals create a relaxed browsing rhythm that mirrors the atmosphere of a cozy café. Structured content blocks introduce the brand story and highlight seasonal features, using circular imagery and balanced spacing to keep the page approachable and visually engaging.
Menu Page Design
The Roasted & Toasted menu page was designed to make browsing feel simple, warm, and inviting. A neutral beige background, soft shadows, and clean card layouts create a relaxed visual flow that mirrors the café’s friendly atmosphere. Each section is clearly grouped, allowing customers to move easily between seasonal drinks, food specials, and featured flavors. Warm photography and consistent typography keep the focus on the handcrafted items while maintaining a cohesive, modern look.
The structured grid and balanced spacing help the page feel organized without losing its cozy personality. Clear pricing, concise descriptions, and intuitive buttons make ordering straightforward and accessible. The overall design blends comfort with clarity, turning a standard menu into a visually engaging part of the brand experience.
Outcome
Together, the Home Page and Menu Page create a unified digital identity that feels warm, handcrafted, and true to the café’s personality. The design system adapts seamlessly across storytelling and product presentation, demonstrating my ability to build cohesive branding and thoughtful hierarchy.
**Roasted & Toasted is a fictional brand**
Thera Spa & Wellness Website Design
Project Overview
Thera Spa & Wellness is a concept project created to explore how a wellness brand can present handcrafted products in a way that feels calming, trustworthy, and easy to browse. The goal was to design a product page that reflects the spa’s natural identity while supporting clear shopping decisions. This project focuses on how layout, color, and photography work together to create a soothing e‑commerce experience.
Design Approach
The visual system centers around soft neutrals, gentle gradients, and minimal typography to evoke a sense of calm. The grid layout keeps the page structured and approachable, allowing each product to stand out without overwhelming the viewer. Warm, natural photography reinforces authenticity and highlights the handcrafted nature of the scrubs, soaps, bath bombs, and aromatherapy oils. Consistent spacing, clear labeling, and subtle shadows create a balanced rhythm that guides users from imagery to size and pricing with clarity. The header and footer elements maintain professionalism through clean alignment and simple iconography, supporting a seamless browsing experience.
Outcome
The final product page blends spa‑inspired serenity with modern e‑commerce usability. It demonstrates my ability to design for a wellness brand using restrained color, thoughtful hierarchy, and cohesive product presentation.
**Thera Spa & Wellness is a fictional brand**
Spotlight Center Stage
Project Overview
Spotlight Center Stage is a concept project designed to explore how a community theater can express energy, creativity, and local engagement through a modern digital presence. The goal was to create a home page that feels bold and theatrical while remaining clear, accessible, and easy for visitors to navigate. This project highlights how visual storytelling, color, and layout can work together to support volunteer opportunities, donations, ticket sales, and community involvement.
Design Approach
The design centers around vibrant photography, strong color contrast, and expressive typography to capture the excitement of live performance. The hero section uses a dramatic stage image paired with confident type to establish the brand’s personality immediately. Structured spacing and warm accent colors guide visitors through the page, creating a rhythm that feels lively but organized. Each content block is intentionally modular, allowing volunteer information, donation options, season ticket details, and educational programs to stand out without overwhelming the viewer. Clear call‑to‑action buttons reinforce usability and help visitors engage with the theater’s offerings.
Outcome
The final home page blends theatrical flair with clean digital structure, creating an experience that feels inviting, energetic, and aligned with the organization’s mission. The layout supports both storytelling and usability, helping the theater communicate its mission while encouraging meaningful participation. This design provides potential clients with a clear view into how I build visually dynamic, purpose‑driven interfaces that support real organizational goals.
**Spotlight Center Stage is a fictional brand**
Tulips & Roses
Project Overview
Tulips & Roses is a concept project created to explore how floral e‑commerce can feel emotional, modern, and easy to navigate. The goal was to design a cohesive digital experience across multiple pages that highlights the brand’s romantic identity while supporting clear browsing and confident purchasing.
Home Page Design
The home page was designed to feel bright, welcoming, and rooted in the emotional nature of gifting flowers. A soft pink palette, airy spacing, and elegant floral photography establish a romantic tone from the first interaction. The hero section pairs a vibrant bouquet image with gentle typography to create an immediate connection, supported by simple input fields that make ordering feel effortless. Below the hero, structured content blocks introduce the brand story and highlight popular bouquet categories. Consistent card layouts, warm imagery, and clear pricing create an organized shopping experience that feels fresh and approachable.
Shop Page Design
The wedding bouquets page expands the visual system into a more refined, celebratory direction. Soft color accents, spacious grids, and elegant product photography highlight the artistry behind each bouquet. The layout balances emotional storytelling with practical usability, using clear pricing, concise descriptions, and simple “Buy Now” buttons to support quick decision‑making. The Top Sellers list and Customer Service section reinforce trust and help users explore related offerings without losing focus. This page maintains the brand’s romantic identity while elevating the experience for a premium product category.
Outcome
Together, the Home Page and Wedding Bouquets Page create a unified floral e‑commerce experience that blends romance with clarity. The design system adapts seamlessly across storytelling and product presentation, giving potential clients a clear view into how I build cohesive branding, thoughtful hierarchy, and visually engaging digital experiences.
**Tulips & Roses is a fictional brand**
