ColorBliss — WordPress Website for a Personal Color Consultant

ColorBliss is a personal color consulting service that helps clients use color more intentionally in personal and professional settings. I partnered with the client to create a warm, professional, and easy-to-navigate WordPress website that clearly presents her services and supports her brand.

The goal was to build a site that felt welcoming and credible while also being easy for the client to maintain. Content can be updated through the WordPress block editor, while layout and styling are structured to stay consistent across the site.

Live Site

Visit the ColorBliss Website

ColorBliss homepage preview

Project Goals

  • Create a polished and trustworthy online presence for a personal color consultant
  • Present services clearly for first-time visitors
  • Ensure the client could update content independently in WordPress
  • Maintain a responsive, consistent design across devices

Design Highlights

Colorful Meetings card

Colorful Meetings: Warm visual design and approachable imagery help communicate trust and professionalism.

Colorful Spaces card

Colorful Spaces: Responsive card layouts were designed to stay clear and visually balanced across screen sizes.

Colorful Clothes card

Colorful Clothes: Clear content structure introduces personal color consulting in a way that feels inviting rather than overwhelming.

Colorful Teams card

Colorful Teams: Visual hierarchy and color usage help communicate collaboration-focused services with clarity.

What I Did

  • Designed and built a custom WordPress website aligned with the client’s brand and service goals
  • Created responsive page layouts for desktop and mobile use
  • Structured content for clarity, readability, and stronger user flow
  • Configured the WordPress block editor so the client could update content without disrupting the design
  • Used custom CSS and light theme-level customization to maintain consistency and flexibility
  • Applied SEO-friendly page structure and accessibility-minded design practices

Tools: WordPress, block editor, custom CSS, light PHP, Figma, Canva, Google Fonts

Technical Notes

  • Client Editing: The site was designed so the client could update text and content areas independently through the WordPress editor.
  • Maintainability: Styling and layout decisions were kept structured and lightweight to support long-term maintenance.
  • Consistency: Theme-level controls and custom CSS help preserve layout integrity across pages and screen sizes.

Outcome

The finished site gives the client a professional and approachable web presence while making it easier for visitors to understand her services. It also provides a maintainable WordPress setup that supports independent content updates without sacrificing design consistency.

Case Study Preview

Figma case study preview

View Full Figma Case Study