Good Design Justification

TO: Baotong Gu, PhD.

FROM: Karen Sichler

DATE: September 17, 2024

SUBJECT: Snag Tights, www.snagtights.us

Overview

In the following analysis, I will discuss the layout of the landing page of Sang Tights. The brand was created by Brie Read who used her background in computer science and psychology to create a survey for UK women to investigate if her experiences with buying tights were a singular or universal phenomenon. According to her findings, Read found “a mix of a commoditised [spelling in original] market, product decisions made mainly by men (who are not generally the end customer) and also because women have become so used to poorly fitting tights they have accepted that this is just the way it is.” This analysis of the Snag Tights website will focus on the desktop version. Ultimately, Snag Tights presents a cohesive visual display.

Background and Description

Snag Tights is a Scottish-based apparel company with an emphasis on hosiery. The original site’s offerings included several varieties of tights as well as “chub rub” shorts which are anti-chaffing, lightweight shorts to be worn under dresses or skirts. In the intervening 4 years, the company has expanded to include intimates, dresses, skirts, loungewear, trousers, and accessories.

The intended audience is anyone who wishes to purchase and wear their apparel. Because of their emphasis on inclusivity in all areas, the audience is not limited by size, abilism, or gender identity. This is evident on the original landing page for the site. The “above the fold” images emphasized both size inclusivity and style options, both issues for bodies that did not conform to traditional standards of beauty:

The image on the left portrays a plus sized woman wearing a dress with visible "chub rub" shorts with a text box with the message "We've Got Your Size." The image on the right has two women wearing many different colors and seemingly enjoying themselves with the text box "Gorgeous Colours."

Analysis

Once you move beyond the looping video clip of the two women with different body types happily trying on colorful tights at the very top of the page, the consumer/site user is presented with several rows of cards. Six rows contain 4 cards per row, 2 rows contain 2 cards each, and 1 row is reserved for a single card on the desktop site. Even though a grid can be used to standardize content thereby making navigation easier, Snag Tights concurrently exploits the ease with which the end user navigates the site while utilizing cards to create multiple points of entry for the consumer/user through design and card size. Rather than a simple line-up, the online storefront becomes more of a chose-your-own-adventure journey for the consumer/user as you travel down the page.

Although the cards move between sizes, they still adhere to a modular grid. Therefore, the design leans towards a modified hierarchical grid design. The decision to move between sizes while maintaining the justified rows presents a clean and polished landing page aiding in easy navigation. The use of a single model in each card with unobtrusive, but legible, text labels also unifies the visual presentation. The different sizes, however, allow Snag Tights to highlight products in multiple ways. The first two rows give access to the types of apparel a consumer/user can purchase. However, the layout honors the primacy of its original lines of tights and “chub rubs” as the two reside in the prime website real estate in the top, left-hand corner. This demonstrates an understanding of the development of both the site and the company.

Row of interactive cards from the Snag Tights website for 4 different product lines

Once you move past the individual categories, the consumer/user is offered a bifurcated entry point with the choice between accessories and all products if you do not feel like picking just one. Again, this plays directly into consumer/user desire while allowing Snag Tights to highlight a singular product line.

Accessories and all products

The consumer is then treated to additional points of entry depending upon the consumer’s shopping mood. The consumer can easily find the product they are looking for and purchase it or take inspiration from one of the following categories. For example, you can peruse new arrivals

Trending now - 4 product options available on the Snag Tights website

or the Halloween section

Hallow sales section on the snag tights website

or even shop by “vibe”

Options to shop by vibe on the snag tights website

Used for presenting a considerable amount of information, the grid layout used by Snag Tights is no different. The choice to employ the grid is an excellent one due to their expanding wardrobe of products. As more product lines are developed, they can be effortlessly accommodated within the current design. The grid layout provides the consumer/user easy access to the type of product they are interested in as well as be potentially introduced to a new product line.

Finally, the white space or “gutters” between the individual cards and the rows is used judiciously through the landing page. The vertical spacing between the images, regardless of size, is narrow. The smaller size allows for quicker scanning of the page and looks better on mobile screens. In addition, the narrow gutters used with the apparel categories or the shop-by-vibe section give the visual cue to the consumer/user the two are distinct groups. The wider horizontal gutters allow the different categories to breathe and denote where one group ends and another begins.

Conclusion

User interface design patterns are the means by which structure and order can gel together to make powerful user experiences…Products should consist of such good interactions that users don’t even notice how they got from point A to Point B.

Interaction Design Foundation

Like many good designs, the landing page of Snag Tights is deceptively simple. Through its inviting presentation, understanding of design, and appreciation for its customers, Snag Tights has created an easy-to-use site. As this critique emphasized the landing page layout, many other elements merit consideration. For example, the use of cerulean and white as the background colors for the site are both pleasing but create an excellent contrast when viewed on either a desktop or mobile site. In addition, the use of actual clients as models creates an additional level of engagement and comfort for users of the site.

However, one of the most interesting aspects of the site is the written rhetoric. From its earliest inception online, Snag Tights announced to consumers that they had “changed” the tights industry due to their belief “that anyone who wants to wear tights should be able to have tights that genuinely fit in comfort, regardless of size, shape, age or gender.” While many other brands have promised liberation, it is not a turn of phrase used only during Pride month, for example. Upon review of the current “our philosophy” and “fair fashion” pages, Snag Tights engages all three traditional rhetorical appeals. First, by providing feedback from its customers, the site offers logical evidence as a means to persuade potential customers.

95,000 5 star reviews
99% of people get the right fit from Snag first time
2 million Snagglers trust us to buy again & again
The company declares its dedication to ethics in the title tab of the page. On the “Fair Fashion” page, the brand states they are a living wage employer in the UK.  Because of the quality of their fit and clothing, they don’t send their returns to a landfill. Instead, they are either resold or donated to charity.
Although this analysis is a tiny slice of the web presence of Snag Tights, it demonstrates a thoughtful and intelligence digital presence.

Leave a Reply

Your email address will not be published. Required fields are marked *