Design System and Career Page for a Gift Card Company

In early 2023, as part of the Design team at HYPE Agency, I undertook the challenge of creating a comprehensive design system for a prominent gift card company's web platform. Simultaneously, I was tasked with designing a visually appealing and user-friendly career page for their website.

- 01 -

Design System Creation

To create a unified visual language and set of guidelines for the gift card company's digital platform, I embarked on developing a comprehensive design system that ensured cohesiveness and enhanced the overall user experience.

Project Goals

The primary objective of the design system project was to establish a unified visual language and set of guidelines that could be consistently applied throughout the gift card company's digital platform. This included updating existing screens and user flows to ensure cohesiveness and enhance the overall user experience.

Design Process

1. Research and Analysis

I joined the project during the creation of the main user journeys, leveraging insights from existing research on inconsistencies and areas for improvement. Collaborating closely with stakeholders, the UX team at HYPE gathered insights into the brand's identity, user preferences, and specific requirements to inform the new design system.

2. Material Design Framework

Utilizing material design principles as a foundation, I adapted and customized components to align with the client's brand colors, typography, and design preferences. This involved seamlessly integrating specific fonts and color palettes chosen by the client into the material design framework.

3. Finalization and Iteration

Through iterative development, I created a comprehensive set of design guidelines, UI components, and interaction patterns. Each element was crafted to ensure usability, accessibility, and visual consistency across different sections of the platform. I also redesigned key screens of existing user journeys to demonstrate how to apply the design system to both current and future interfaces.

Outcome

The resulting design system provided the gift card company with a robust toolkit for creating cohesive and visually appealing digital experiences. It facilitated faster design and development cycles while maintaining brand integrity and enhancing overall usability for their users.

- 02 -

Career Page Design

Alongside the design system project, I focused on designing a career page that would attract potential talent and provide a seamless user experience consistent with the established website design.

Project Goals

The goal was to create a page that not only attracted potential talent but also provided a seamless user experience consistent with the established website design. This meant ensuring that every interaction was intuitive and visually aligned with the brand's identity. Additionally, we aimed to incorporate elements that would engage visitors and encourage them to explore further opportunities within the company.

Approach

To create a compelling and effective career page for the company, I employed a strategic approach focusing on visual design, illustrations, and user experience considerations. Utilizing Figma for the design process and Adobe Illustrator for creating illustrations and icons, I ensured the page not only looked appealing but also provided an intuitive and seamless experience for potential candidates.

Visual Design and Illustrations

Drawing from the website’s existing design and illustrations, I crafted a career page that effectively showcased the company's culture, values, and career opportunities. This involved creating new illustrations and icons that complemented the textual content and maintained consistency with the overall website style. The page featured a clean layout, intuitive navigation, and engaging visual elements designed to captivate visitors and encourage exploration.

UX Considerations

To ensure the career page was user-centric, I prioritized a clear information hierarchy, easy access to job listings, and a streamlined application process. This involved conducting usability tests and gathering feedback to refine the page further. I implemented responsive design principles to ensure the page functioned seamlessly across all devices, providing a smooth and accessible experience for all users.

Outcome

The new career page not only met but exceeded expectations by effectively conveying the company's brand identity and values to potential candidates. It contributed to enhancing the company's employer brand and attracting top talent in the competitive job market.

Reflection

The projects involving the design system and career page exemplified my ability to blend visual design expertise with UX considerations effectively. By aligning with the client's goals and brand vision, I contributed to creating cohesive, user-friendly digital experiences that resonated with both internal stakeholders and external audiences.

Previous Project

See All

Next Project