Creation of Stage Template

Created new Stage Template

fictitious COMPANY

Lavender Haze

ROLE

UX Designer

EXPERTISE

UX/UI Design

YEAR

2023

Project Overview

Project Overview

Project Overview

Designed a new template for the fictitious brand Lavender Haze, intended for potential clients to use within the Stage sector.

Timeline

2 weeks from exploration to final high-fidelity mockup.

Project Context

Stage is a branch of Rock Content that creates interactive blog experiences linked to WordPress, offering a variety of templates for users to customize for their content distribution.

Designers from Rock Content create mockups that are passed to Stage developers for implementation into the WordPress platform, ensuring usability across different platforms.

Process

Process

Process

This category details the step-by-step approach taken during the project, including research, planning, design, development, testing, and optimization phases.

Research & Planning

Conducted market research on blog trends and user interactions to inform the design of the new template.

Design & Prototyping

Redesigned key sections and made stylistic adjustments to ensure a cohesive brand experience for Lavender Haze. Created low-fidelity wireframes for peer review with internal designers to maintain quality assurance.

Development & Implementation

Incorporated feedback into final revisions, completing the high-fidelity mockups with all necessary assets.

Results

Results

Results

Here, the outcomes and achievements of the project are highlighted, including user feedback, adoption rates, and industry recognition.

Positive User Feedback

Clients praised the intuitive design and improved visual branding, which helped them envision their own content within the template.

Increased Clientele

The new template contributed to increased Stage registrations, driving interest in the Stage templates gallery.

  • Template Walkthrough

    A short walkthrough of the Lavender Haze template.

  • Lavender Haze Branding

    This fictitious brand centers around the color Lavender with a hint of mint green to bring a refreshing feel of the garden.

  • Wireframe

    First version of the wireframe focusing on layout and brand colors.

  • Final Mockup

    Final version of the Lavender Haze template.

  • Template Walkthrough

    This template includes a landing page, category page, article page, downloads page, categories page and finally a 404 error page.

  • Lavender Haze branding

    This fictitious brand centers around the color Lavender with a hint of mint green to bring a refreshing feel of the garden.

  • Wireframe

    First version of the wireframe focusing on layout and brand colors.

  • Final Mockup

    Final version of the Lavender Haze template.

© 2024 – Charmaine Yu

© 2024 – Charmaine Yu

© 2024 – Charmaine Yu