ASTAR DESIGNS

Astar is a fashion designer who specializes in luxury menswear accessories. She needed a portfolio as elegant and dynamic as her work to creatively display her pieces. She wanted a site that was minimal and elegant to give attention to the pieces that she designed while also incorporating interactive elements to keep users engaged while highlighting her achievements as a young industry professional.

Client

Astar Designs

Year

2023

Category

Web Design

View Live Site

Visit Site

ASTAR DESIGNS

Astar is a fashion designer who specializes in luxury menswear accessories. She needed a portfolio as elegant and dynamic as her work to creatively display her pieces. She wanted a site that was minimal and elegant to give attention to the pieces that she designed while also incorporating interactive elements to keep users engaged while highlighting her achievements as a young industry professional.

Client

Astar Designs

Year

2023

Category

Web Design

View Live Site

Visit Site

ASTAR DESIGNS

Astar is a fashion designer who specializes in luxury menswear accessories. She needed a portfolio as elegant and dynamic as her work to creatively display her pieces. She wanted a site that was minimal and elegant to give attention to the pieces that she designed while also incorporating interactive elements to keep users engaged while highlighting her achievements as a young industry professional.

Client

Astar Designs

Year

2023

Category

Web Design

View Live Site

Visit Site

ASTAR DESIGNS

Astar is a fashion designer who specializes in luxury menswear accessories. She needed a portfolio as elegant and dynamic as her work to creatively display her pieces. She wanted a site that was minimal and elegant to give attention to the pieces that she designed while also incorporating interactive elements to keep users engaged while highlighting her achievements as a young industry professional.

Client

Astar Designs

Year

2023

Category

Web Design

View Live Site

Visit Site

Problem

Problem

To lay the groundwork for this remarkable redesign, thorough UI/UX research was conducted. The objective was to understand Astar's target audience and their preferences, ensuring the new website would cater precisely to their needs. By conducting user surveys, interviews, and analyzing fashion industry trends, a deep understanding of the users' desires and expectations was gained. 

Astar wanted to position herself in the luxury space, so I conducted surveys to understand how people perceived luxury. I gave a sample population of 50 people a series of 4 fonts (2 serif and 2 sans serif) and colors (black/white, muted colors, vibrant colors) and asked them to associate them with three categories: luxury, value, and cheap. My research showed that 82% of people associate sans serif fonts with luxury and 65% of people associated black and white with luxury. This research formed the foundation for the design decisions that would follow.

To lay the groundwork for this remarkable redesign, thorough UI/UX research was conducted. The objective was to understand Astar's target audience and their preferences, ensuring the new website would cater precisely to their needs. By conducting user surveys, interviews, and analyzing fashion industry trends, a deep understanding of the users' desires and expectations was gained. 

Astar wanted to position herself in the luxury space, so I conducted surveys to understand how people perceived luxury. I gave a sample population of 50 people a series of 4 fonts (2 serif and 2 sans serif) and colors (black/white, muted colors, vibrant colors) and asked them to associate them with three categories: luxury, value, and cheap. My research showed that 82% of people associate sans serif fonts with luxury and 65% of people associated black and white with luxury. This research formed the foundation for the design decisions that would follow.

To lay the groundwork for this remarkable redesign, thorough UI/UX research was conducted. The objective was to understand Astar's target audience and their preferences, ensuring the new website would cater precisely to their needs. By conducting user surveys, interviews, and analyzing fashion industry trends, a deep understanding of the users' desires and expectations was gained. 

Astar wanted to position herself in the luxury space, so I conducted surveys to understand how people perceived luxury. I gave a sample population of 50 people a series of 4 fonts (2 serif and 2 sans serif) and colors (black/white, muted colors, vibrant colors) and asked them to associate them with three categories: luxury, value, and cheap. My research showed that 82% of people associate sans serif fonts with luxury and 65% of people associated black and white with luxury. This research formed the foundation for the design decisions that would follow.

Problem

To lay the groundwork for this remarkable redesign, thorough UI/UX research was conducted. The objective was to understand Astar's target audience and their preferences, ensuring the new website would cater precisely to their needs. By conducting user surveys, interviews, and analyzing fashion industry trends, a deep understanding of the users' desires and expectations was gained. 

Astar wanted to position herself in the luxury space, so I conducted surveys to understand how people perceived luxury. I gave a sample population of 50 people a series of 4 fonts (2 serif and 2 sans serif) and colors (black/white, muted colors, vibrant colors) and asked them to associate them with three categories: luxury, value, and cheap. My research showed that 82% of people associate sans serif fonts with luxury and 65% of people associated black and white with luxury. This research formed the foundation for the design decisions that would follow.

Sketches

Sketches

When sketching the wireframes for Astar's site, I wanted to focus on capturing the bold elements of her designs and presenting them in a way that matched their energy but also left them as the focus. I went for a very simple concept that gave each of the photos their own space on the page to allow them to really shine and to give viewers the opportunity to examine the works closely while still getting the whole perspective of the collection.

When sketching the wireframes for Astar's site, I wanted to focus on capturing the bold elements of her designs and presenting them in a way that matched their energy but also left them as the focus. I went for a very simple concept that gave each of the photos their own space on the page to allow them to really shine and to give viewers the opportunity to examine the works closely while still getting the whole perspective of the collection.

When sketching the wireframes for Astar's site, I wanted to focus on capturing the bold elements of her designs and presenting them in a way that matched their energy but also left them as the focus. I went for a very simple concept that gave each of the photos their own space on the page to allow them to really shine and to give viewers the opportunity to examine the works closely while still getting the whole perspective of the collection.

Sketches

When sketching the wireframes for Astar's site, I wanted to focus on capturing the bold elements of her designs and presenting them in a way that matched their energy but also left them as the focus. I went for a very simple concept that gave each of the photos their own space on the page to allow them to really shine and to give viewers the opportunity to examine the works closely while still getting the whole perspective of the collection.

Wireframes

Wireframes

When developing the wireframes for Astar’s site, the goal was to encapsulate the bold and dynamic elements of her designs, presenting them in a way that mirrors their energy while ensuring they remain the focal point. The wireframes feature a minimalist concept, providing each photo with ample space on the page to truly stand out. This approach allows viewers to closely examine each work while simultaneously appreciating the collection as a whole. The design emphasizes simplicity and clarity, ensuring that the artwork shines through without unnecessary distractions, offering an immersive and engaging experience for visitors.

When developing the wireframes for Astar’s site, the goal was to encapsulate the bold and dynamic elements of her designs, presenting them in a way that mirrors their energy while ensuring they remain the focal point. The wireframes feature a minimalist concept, providing each photo with ample space on the page to truly stand out. This approach allows viewers to closely examine each work while simultaneously appreciating the collection as a whole. The design emphasizes simplicity and clarity, ensuring that the artwork shines through without unnecessary distractions, offering an immersive and engaging experience for visitors.

When developing the wireframes for Astar’s site, the goal was to encapsulate the bold and dynamic elements of her designs, presenting them in a way that mirrors their energy while ensuring they remain the focal point. The wireframes feature a minimalist concept, providing each photo with ample space on the page to truly stand out. This approach allows viewers to closely examine each work while simultaneously appreciating the collection as a whole. The design emphasizes simplicity and clarity, ensuring that the artwork shines through without unnecessary distractions, offering an immersive and engaging experience for visitors.

Wireframes

When developing the wireframes for Astar’s site, the goal was to encapsulate the bold and dynamic elements of her designs, presenting them in a way that mirrors their energy while ensuring they remain the focal point. The wireframes feature a minimalist concept, providing each photo with ample space on the page to truly stand out. This approach allows viewers to closely examine each work while simultaneously appreciating the collection as a whole. The design emphasizes simplicity and clarity, ensuring that the artwork shines through without unnecessary distractions, offering an immersive and engaging experience for visitors.

Design

Design

The design of the website combines minimalism with brutalism. The subtle contrast between the two styles leads to a captivating experience while allowing the work to speak for itself.

The design of the website combines minimalism with brutalism. The subtle contrast between the two styles leads to a captivating experience while allowing the work to speak for itself.

The design of the website combines minimalism with brutalism. The subtle contrast between the two styles leads to a captivating experience while allowing the work to speak for itself.

Design

The design of the website combines minimalism with brutalism. The subtle contrast between the two styles leads to a captivating experience while allowing the work to speak for itself.

Typography

PRIMARY FONT

Eiko Light

SECONDARY FONT

Gordita Light

Typography

PRIMARY FONT

Eiko Light

SECONDARY FONT

Gordita Light

Typography

PRIMARY FONT

Eiko Light

SECONDARY FONT

Gordita Light

Colors

Colors

Colors

Onyx

312 Podcast

#111111

#111111

Onyx

#111111

White Smoke

Rogue Ocean

#F5F5F5

2022

White Smoke

#F5F5F5

Rogue Ocean

#f5f5f5

2022

White Smoke

White Smoke

Result

Result

The new Astar website embraces a minimalistic approach, allowing the otherwordly designs to shine. The user interface design is meticulously crafted, presenting a clean and uncluttered aesthetic that exudes sophistication. The color palette, carefully selected to complement the brand's identity, employs elegant tones and subtle contrasts to create a sense of refinement.

The user experience was a paramount consideration throughout the redesign process. Intuitive navigation was achieved through an unobtrusive and easily accessible menu structure. Moving elements throughout the site give it a dynamic and interactive feel to keep users engaged and excited as they crawl the pages. Additionally, prominent calls to action strategically placed throughout the website guide users seamlessly toward her projects, amplifying Astar's objectives.

The new Astar website embraces a minimalistic approach, allowing the otherwordly designs to shine. The user interface design is meticulously crafted, presenting a clean and uncluttered aesthetic that exudes sophistication. The color palette, carefully selected to complement the brand's identity, employs elegant tones and subtle contrasts to create a sense of refinement.

The user experience was a paramount consideration throughout the redesign process. Intuitive navigation was achieved through an unobtrusive and easily accessible menu structure. Moving elements throughout the site give it a dynamic and interactive feel to keep users engaged and excited as they crawl the pages. Additionally, prominent calls to action strategically placed throughout the website guide users seamlessly toward her projects, amplifying Astar's objectives.

The new Astar website embraces a minimalistic approach, allowing the otherwordly designs to shine. The user interface design is meticulously crafted, presenting a clean and uncluttered aesthetic that exudes sophistication. The color palette, carefully selected to complement the brand's identity, employs elegant tones and subtle contrasts to create a sense of refinement.

The user experience was a paramount consideration throughout the redesign process. Intuitive navigation was achieved through an unobtrusive and easily accessible menu structure. Moving elements throughout the site give it a dynamic and interactive feel to keep users engaged and excited as they crawl the pages. Additionally, prominent calls to action strategically placed throughout the website guide users seamlessly toward her projects, amplifying Astar's objectives.

Result

The new Astar website embraces a minimalistic approach, allowing the otherwordly designs to shine. The user interface design is meticulously crafted, presenting a clean and uncluttered aesthetic that exudes sophistication. The color palette, carefully selected to complement the brand's identity, employs elegant tones and subtle contrasts to create a sense of refinement.

The user experience was a paramount consideration throughout the redesign process. Intuitive navigation was achieved through an unobtrusive and easily accessible menu structure. Moving elements throughout the site give it a dynamic and interactive feel to keep users engaged and excited as they crawl the pages. Additionally, prominent calls to action strategically placed throughout the website guide users seamlessly toward her projects, amplifying Astar's objectives.

AUSTIN RUCKER

AUSTIN RUCKER

AUSTIN RUCKER

AUSTIN RUCKER

©2024 UNAVAILABL.

GO BACK TO TOP

©2024 UNAVAILABL.

GO BACK TO TOP