Midnight Bloom Apothecary Website Design
Home Page
The home page was designed to introduce the full atmosphere of Midnight Bloom Apothecary through a calm visual rhythm, warm photography, and a moody botanical palette. The hero section centers on an immersive bath scene paired with refined typography to establish the idea of self care as ritual. Soft spacing, subtle gradients, and organic textures create a slow, intentional browsing experience that guides the viewer into the brand’s world shaped by botanicals, lunar cues, and small batch craftsmanship.
Below the hero, the seasonal feature, collection grid, and reviews build trust and deepen the narrative. Atmospheric imagery and a consistent typographic hierarchy highlight the brand’s core product families while maintaining a cohesive visual system. Customer reviews add warmth and authenticity through lifestyle photography and balanced card layouts. The page blends storytelling with usability, creating a welcoming and immersive entry point into the Midnight Bloom experience.
Shop Page
The shop page was designed as a calm, immersive marketplace that reflects the brand’s ritual‑driven identity. Soft spacing, warm photography, and a clear hierarchy guide users through the collections in a way that feels intuitive and curated. The Best Sellers and Featured Collections sections establish structure and narrative, using atmospheric imagery and a moody botanical palette to make each product feel intentional and expressive.
The full product index is modular and visually grounded, blending lunar accents, organic textures, and deep purples to create a sense of slow discovery rather than a typical e‑commerce grid. Each product card balances clean typography with sensory visuals, reinforcing the brand’s focus on small-batch craftsmanship and ingredient‑driven storytelling. The shop page translates the Midnight Bloom identity into a functional, elegant retail experience that feels cohesive and emotionally immersive.
Product Page
The Midnight Teahouse Collection page was designed to feel like a quiet, curated corner of the apothecary. Soft spacing, atmospheric photography, and a refined typographic hierarchy present each blend with clarity and mood. Close‑up leaf imagery paired with poetic descriptions highlights the sensory nature of the teas and reinforces the brand’s ritual‑focused identity. The palette stays grounded in deep purples, muted greens, and warm neutrals to maintain cohesion with the larger system while giving the tea collection its own gentle tone.
Each product card balances usability with storytelling. The clean grid, consistent spacing, and clear pricing create an easy shopping experience, while detailed flavor notes and ingredient lists add depth and personality. Specialty options like bulk pouches and curated gift sets are designed with distinct visual cues that stand out without disrupting the overall rhythm. This page shows how the Midnight Bloom identity adapts to a product‑heavy layout while remaining elegant, immersive, and emotionally connected.
About Us Page
The About Us page was designed to deepen the brand’s atmosphere through warm, moody photography and a clean, intentional layout that supports storytelling. The top section uses a rich apothecary image and refined typography to introduce the brand’s philosophy. Soft spacing, botanical accents, and a muted palette reinforce the idea of self care as ritual, creating a calm visual rhythm that guides the viewer through the narrative. The design balances elegance with approachability, allowing the text to feel expressive while remaining clear and readable.
The Meet the Creators section expands the world-building through character‑driven design. Each profile is presented with consistent portrait styling, subtle color cues, and a clear typographic hierarchy that highlights their roles within the apothecary. A structured grid keeps the page organized while preserving a handcrafted, atmospheric feel. This section demonstrates how visual design can support storytelling, giving the fictional artisans personality and presence while maintaining cohesion with the brand’s overall aesthetic.
**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
One Page Website Design
The FutureFunds one page layout was designed to communicate clarity, trust, and financial confidence through a structured visual system and a modern green‑forward palette. I built the hero section around a strong typographic statement paired with a rising bar graph icon to establish the brand’s focus on growth and financial empowerment. Soft gradients, balanced spacing, and a clean grid create an approachable rhythm that guides users through the page without visual clutter. The photography and iconography were selected to feel professional yet friendly, supporting the brand’s mission of simplifying financial planning for everyday users.
Each section of the page was intentionally sequenced to build understanding and credibility. The services grid uses consistent card layouts, clear labeling, and supportive imagery to make complex financial topics feel accessible. Testimonials introduce warmth and authenticity through lifestyle photography and balanced card composition. The blog preview section adds educational value, using a modular layout and strong typographic hierarchy to highlight key insights. These elements work together to create a cohesive flow that feels informative and visually grounded.
The consultation form and calculator area were designed as interactive anchors that encourage engagement. The form uses clean fields, intuitive grouping, and a calm color palette to reduce friction and support usability. The calculator section incorporates sliders and simple inputs that align with the brand’s visual language, making financial projections feel less intimidating. This one page design demonstrates how a clear visual system, thoughtful hierarchy, and consistent branding can turn financial guidance into a user‑friendly digital experience.
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 lower sections introduce personality and variety through structured content blocks and approachable visual accents. Circular imagery, balanced spacing, and clear labeling showcase signature drinks and seasonal specials in a way that feels fresh and engaging. The overall design blends hospitality‑inspired warmth with clean digital structure, creating a home page that feels friendly, handcrafted, and true to the café’s identity.
Menu Page
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.
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.
**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.
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. The page maintains the brand’s romantic identity while elevating the experience for a premium product category.
Visual & UX Approach
The design uses a soft, romantic palette paired with spacious layout sections to evoke the feeling of a bridal boutique. Gentle typography and warm floral photography establish an emotional tone, while structured grids keep the product listings organized and easy to browse. Each bouquet card features consistent spacing, clear pricing, and a simple “Buy Now” button to support quick decision‑making. Supporting elements like the Top Sellers list and Customer Service section reinforce trust and help users explore related offerings without losing focus.
Outcome
The final page blends romance with clarity, creating a wedding‑focused shopping experience that feels refined, modern, and aligned with the brand’s floral identity.
