Chriselle - Brief

This project involved designing and developing a stylish, functional webpage for fashion influencer Chriselle to showcase and promote her exclusive winter collection. In addition to e-commerce elements, the design needed to incorporate Instagram integration, a blog-style narrative, and audience engagement tools such as sign-ups and product offers.

The webpage needed to feel like a digital extension of the influencer’s personality—elegant, aspirational, and personal—while delivering on practical conversion goals like product promotion and user interaction.

‍

Chriselle - The Problem

Chriselle lacked a branded platform to unify her content, style, and promotions. Her goals were to:

• Present her winter product line in a high-fashion yet accessible layout
• Inspire shoppers with social media-style galleries
• Engage her audience beyond Instagram through blog content and tour promotions
• Build email subscribers for future campaigns
• Maintain a cohesive aesthetic that aligned with her personal brand

‍

Chriselle - The Solution

A multi-section, responsive web layout was designed to highlight her fashion collection, provide blog-like storytelling, and seamlessly connect with her Instagram aesthetic. The site balances editorial visuals with usability and commerce.

Key sections include:

• Winter Collection Feature: A dedicated area highlighting product colors, themes, and outfit inspiration
• Instagram Lookbook Gallery: Product-driven photo grid mimicking Instagram engagement
• Paris Call-to-Action Block: A high-impact promo section inviting users to join her tour and engage further
• Email Sign-up and Login Area for fans to subscribe, follow, or shop

‍

Design Elements

‍

‍

• Color Palette: Warm terracotta, dusty blue, and neutral browns to evoke winter elegance
• Typography: Script and serif pairings to reflect femininity and modernity
• Layout:
  • Bold hero area for branding and navigation
  • Content cards, product previews, and immersive photography
  • Clear CTAs and form fields at the bottom to support conversions
• Imagery: Influencer-style photos used as editorial assets throughout the site
• Interaction: Soft hover effects, section transitions, and subtle callout banners (e.g., “15% OFF” boot graphic)

‍

‍

‍

‍

Development Details

• Built with HTML and CSS
• Layout structured using flexbox and media queries for responsiveness
• Fast load times ensured by optimized images and efficient styling
• Mobile-first adjustments support tap-friendly UI, scrollable galleries, and clean hierarchy

‍

Outcome

The final site is a visually rich, responsive experience that:

• Represents the Chriselle brand with both beauty and usability
• Inspires fans to shop her winter collection
• Connects lifestyle content (Paris tour, blogging) with product offers
• Creates a sense of personal connection through storytelling and editorial layout

‍

Reflection

This project taught me how to combine visual storytelling with e-commerce design—a balance between form and function. I refined my understanding of how influencer branding translates into interactive, shoppable interfaces, and I deepened my front-end development skills through responsive structure and layout fidelity.

It also reinforced the importance of designing for conversion without sacrificing personality, especially in lifestyle and fashion projects.

‍

‍