Overview

The Family Photography Website Campaign for 2025 aims to simplify client bookings and highlight my editorial style. From December 2024 to February 2025, it will focus on pricing, availability, and curated session locations. With dynamic personalization and Netlify-powered A/B testing for a seamless experience, featuring fast-loading images via Cloudinary and structured SEO for better local visibility.

Photography Website

• An online photography booking store with dynamic product management and SCSS design system for branding.

• Global Tokens:

  • The foundational "layer" of tokens.

  • High-level variables that propagate changes wherever they are used.

• Contextual Tokens (Alias Tokens):

  • Add context to how tokens are used, such as "primary" or "secondary" colors.

  • Variable names reflect usage rather than the color itself.

• Implementing a seven-in-one folder pattern to organize SCSS for a cohesive design system.

• Component-Specific Tokens:

  • The most detailed "layer" of tokens.

  • Define styles specific to individual components or elements.

  • Provide precise context for usage, such as button background color or card border color.

  • Allow for granular control and customization within the design system.

• Feature: Dynamic CSS Variable Generation

  • Purpose: Automates the creation of CSS variables for a structured color palette.

  • How it Works: Uses Sass loops to iterate through a map of colors and shades, dynamically generating variable names and assigning corresponding color values.

• Netlify:

  • Managing repo

  • Handling forms.

  • Optimizing SEO

  • Conducting A/B tests to refine user engagement.

• GitHub Repository

• Live Site