case STORIES

Stinger: Redesign

Stinger: Redesign

Stinger: Redesign

Redesign: UX/UI modernization to implement branding

Redesign: UX/UI modernization to implement branding

Redesign: UX/UI modernization to implement branding

Redesign: UX/UI modernization to implement branding

>

>

Stinger: Redesign

Project info

Team size

1 to 3

Timeline

3 months

After Stinger's acquisition of AAMP, the client began redesigning the SuiteCommerce site to align with their new brand identity. The process started with updating the site’s colors, header, and footer. However, following this initial implementation, the rest of the site became outdated, so the client initially requested a redesign of the checkout. This was designed based on Stinger’s previous site (outside of NetSuite), which had a more modern design compared to NetSuite’s default. A more contemporary look was thus created, reflecting the new brand image. Subsequently, the client requested a redesign of the rest of the site to ensure a cohesive and updated appearance across the entire portal.

Objectives

To give the website a more modern look by applying new design standards and the brand’s identity, while also implementing a series of UX/UI improvements based on an in-depth review of the current user experience and interface elements.

To give the website a more modern look by applying new design standards and the brand’s identity, while also implementing a series of UX/UI improvements based on an in-depth review of the current user experience and interface elements.

To give the website a more modern look by applying new design standards and the brand’s identity, while also implementing a series of UX/UI improvements based on an in-depth review of the current user experience and interface elements.

To give the website a more modern look by applying new design standards and the brand’s identity, while also implementing a series of UX/UI improvements based on an in-depth review of the current user experience and interface elements.

Solution

A study of Stinger’s previous site was conducted to identify the key design elements the client wanted to retain. Based on this, the checkout was designed, serving as the foundation for the rest of the site’s redesign.

A study of Stinger’s previous site was conducted to identify the key design elements the client wanted to retain. Based on this, the checkout was designed, serving as the foundation for the rest of the site’s redesign.

A study of Stinger’s previous site was conducted to identify the key design elements the client wanted to retain. Based on this, the checkout was designed, serving as the foundation for the rest of the site’s redesign.

A study of Stinger’s previous site was conducted to identify the key design elements the client wanted to retain. Based on this, the checkout was designed, serving as the foundation for the rest of the site’s redesign.

Challenges

  • Designing something based on a previous site.

  • Giving the site a more modern look.

  • Applying the new brand identity.

  • Designing something based on a previous site.

  • Giving the site a more modern look.

  • Applying the new brand identity.

  • Designing something based on a previous site.

  • Giving the site a more modern look.

  • Applying the new brand identity.

  • Designing something based on a previous site.

  • Giving the site a more modern look.

  • Applying the new brand identity.

Results

New Checkout (Initial design)

The checkout was redesigned based on the client’s previous site. This design, along with the brand image, served as the foundation for the rest of the site’s redesign.

General Redesign (Implementation)

Based on the checkout design, styles were applied across the rest of the site, including buttons, fonts, backgrounds, boxes, and more.

Product Detail Page Redesign (Design and implementation)

The product detail page was redesigned, following the previous design guidelines and incorporating the brand’s new image.

Cart Page Redesign (Design and implementation)

The cart page was also redesigned, applying the general design and the brand’s new image.


Left: Checkout of old site (outside NetSuite), Right: Checkout of site before redesign (in NetSuite) First analysis of the checkout of the old site compared to the one the client had on SuiteCommerce.


Redesign applying what was obtained in the analysis


Redesign of the PDP (Product Details Page) compared to what was there before it (right).

Unlock the power of your business with our experts.

We help streamline your operations, optimizing efficiency and productivity.