Disparate Disciplines designs truly unique sewing patterns for sewers of every ability level. Disparate Disciplines isn’t just about clothes; it’s about a lifestyle. Each pattern is named after a type of raw, fresh ingredient, and the envelopes they are shipped in have healthy recipes featuring the pattern’s namesake in their preperation. They needed a website to sell their printable patterns, and to publish almost daily articles on sewing topics to continue to grow their community.
We were given yarn samples and other fabrics as inspiration to begin our design process, but also told that keeping the site clean, minimalist and modern was important as well. So we began by sampling an orange red out of the yawn to use in the pallette, and then selected a cool chocolate color to help balance it, a muted green for freshness, and a butter yellow that paired with these colors. The challenge was applying them in a way that was warm, bright and inviting, but didn’t compete with Disparate Disciplines’ preference toward professionalism, or smother and detract from imagery of patterns, completed garments, or the owner Mari’s smiling face.
A visitor is immediately greeted with a warm yellow, and the almost fall colors on their logo. A flat color line of orange suddenly leaps to the fore with a line of knit stitches. Here, we were aiming to combine the current craze for flat-color shapes on high-tech websites with a traditional material, since they mentioned wanting the site to feel high tech as well as hand crafted.
I opted to stay with a crisp white background to house the main content, so that the content itself could take center stage without distractions, but I tried to make the pure white itself feel as if it is a piece of a physical material as well — I did this by enclosing the homepage slider in a piece of torn paper. it looks like the screen itself has been peeled back to reveal the slider underneath, effectively suggesting that the white, otherwise associated with clean glossy high-tech consumer electronics, is actually a piece of paper. This slider can contain posts and products alike. This gives Disparate Disciplines to publish their latest news and thoughts, keeping in touch with their loyal followers. At the same time, we make people immediately aware of their patterns for sale with three slots for featured patterns or pattern collections just beneath it. The featured pattern lines are set off by a piece of textured fabric. I treated the text so that the final word in the category is larger and bolder, emphasizing the type of event at which the garment might be worn, and acting as a solid foundation on which the beginning of the title can rest.
The rest of the homepage shows off recent posts, as the blog is a major aspect of the site. A link at the bottom leads people to the blog section if they wish to see more. I included very few blog posts on the homepage compared to most blog sites, in an attempt to reduce overwhelm and keep the blog from overwhelming the patterns at this crucial moment of arrival.
Orange-red titles and comment counts continue to carry bright pops of color through the site, naturally leading the eye from topic to topic.
Finally, the bottom of the page is treated in chocolate brown, creating a solid visual anchor. The knit from the top is repeated in the footer, though this time expanding into a a more detailed cable knit.
I borrowed the stitching from the logo to create the borders that divide up the space of the page, providing a constant, subtle reminder of their branding and the site’s purpose.
The use of fairly large images continues into the store part of the site, giving visitors a clear view of the patterns even in a thumbnail overview of all Disparate Discipline’s patterns.
Individual product pages allow for viewing a gallery of product images, along with detailed information about the inspiration behind the pattern, yardage required, reviews, and so forth.
Overall, the design is warm, inviting, and utterly uncluttered, a perfect home for showcasing Disparate Disciplines patterns and posts.