Cottonist
Challenge
This clothing and lifestyle company needed a new Shopify website, and they needed help crafting a brand that matched their product vision.
Concept
We worked with the business owner to translate their vision into the brand identity. We created a style they could grow with by honing in on a bold and elegant feel. Next, we designed a website with an artistic touch that brought their vision to life, using simple design principles and new professional photography.
Solution
We created a Shopify eCommerce website that would make it easy for this client to scale up their business over time. Streamlined product pages, the ability to accept all payment options, and helpful reporting features made for a powerful eCommerce platform.
What we have used
<svg viewBox="0 0 100 36" class="logoSVG"><g clip-path="url(#clip0_414_44)"><path d="M27.0721 7.16396C27.0598 7.08733 27.0224 7.01696 26.9657 6.96392C26.9091 6.91088 26.8364 6.87818 26.7591 6.87096C26.6341 6.85096 23.8891 6.66096 23.8891 6.66096L21.7961 4.56796C21.6081 4.35796 21.1901 4.41996 21.0321 4.46396C21.0121 4.46396 20.6141 4.58896 19.9651 4.79996C19.3331 2.97396 18.2151 1.29796 16.2471 1.29796H16.0791C15.5141 0.567957 14.8241 0.230957 14.2391 0.230957C9.65512 0.250957 7.46912 5.96896 6.77912 8.89096L3.57512 9.87396C2.59212 10.187 2.55512 10.21 2.42512 11.147L-0.275879 31.98L19.9721 35.77L30.9461 33.404C30.9461 33.384 27.0931 7.36396 27.0731 7.16596L27.0721 7.16396ZM18.8421 5.15196C18.3321 5.31996 17.7421 5.48796 17.1261 5.67696V5.29996C17.1461 4.35796 17.0031 3.41996 16.7081 2.52396C17.7341 2.68196 18.4241 3.83396 18.8421 5.15196ZM15.4721 2.76596C15.8071 3.75296 15.9721 4.79296 15.9301 5.83596V6.02396L12.3901 7.12396C13.0831 4.53696 14.3601 3.25796 15.4701 2.77696L15.4721 2.76596ZM14.1121 1.49296C14.3221 1.49796 14.5251 1.56296 14.6981 1.68096C13.2211 2.36896 11.6601 4.10496 10.9901 7.58096L8.19012 8.43896C8.98012 5.80096 10.8231 1.48696 14.1101 1.48696L14.1121 1.49296Z" fill="#95BF47"></path><path d="M26.7601 6.87002C26.6351 6.85002 23.8901 6.66002 23.8901 6.66002L21.7971 4.56702C21.7201 4.48702 21.6151 4.44302 21.5041 4.44202L19.9761 35.766L30.9501 33.4L27.0741 7.18202C27.0481 7.02202 26.9221 6.89402 26.7611 6.86902L26.7601 6.87002Z" fill="#5E8E3E"></path><path d="M16.246 12.942L14.884 16.962C14.061 16.562 13.16 16.349 12.246 16.332C10.109 16.332 10.006 17.672 10.006 18.008C10.006 19.838 14.801 20.542 14.801 24.856C14.801 28.248 12.644 30.426 9.75405 30.426C6.27805 30.426 4.49805 28.269 4.49805 28.269L5.42205 25.189C5.42205 25.189 7.24205 26.759 8.79405 26.759C8.97955 26.7663 9.16461 26.7359 9.33798 26.6695C9.51135 26.6031 9.66943 26.5022 9.8026 26.3728C9.93578 26.2435 10.0413 26.0884 10.1127 25.9171C10.1841 25.7457 10.22 25.5616 10.218 25.376C10.218 22.966 6.28105 22.862 6.28105 18.926C6.28105 15.616 8.66705 12.391 13.463 12.391C15.348 12.419 16.249 12.941 16.249 12.941L16.246 12.942Z" fill="white"></path><path d="M40.474 18.93C39.691 18.51 39.286 18.147 39.286 17.65C39.286 17.02 39.836 16.613 40.729 16.613C41.3919 16.6273 42.0457 16.7703 42.654 17.034L43.376 14.84C43.376 14.84 42.714 14.328 40.774 14.328C38.068 14.328 36.188 15.878 36.188 18.056C36.188 19.288 37.06 20.236 38.232 20.912C39.179 21.462 39.512 21.826 39.512 22.4C39.512 22.974 39.046 23.453 38.159 23.453C36.852 23.453 35.619 22.777 35.619 22.777L34.853 24.971C34.853 24.971 35.996 25.737 37.905 25.737C40.685 25.737 42.685 24.369 42.685 21.897C42.7 20.559 41.692 19.627 40.485 18.92L40.474 18.93ZM51.568 14.315C50.2 14.315 49.118 14.962 48.29 15.961L48.244 15.946L49.432 9.72996H46.337L43.33 25.56H46.427L47.464 20.148C47.87 18.104 48.927 16.84 49.914 16.84C50.604 16.84 50.876 17.306 50.876 17.983C50.876 18.443 50.83 18.9 50.741 19.351L49.569 25.545H52.666L53.884 19.145C54.017 18.482 54.094 17.809 54.109 17.135C54.094 15.391 53.177 14.339 51.569 14.339L51.568 14.315ZM61.098 14.315C57.37 14.315 54.904 17.683 54.904 21.415C54.904 23.821 56.392 25.745 59.174 25.745C62.831 25.745 65.308 22.467 65.308 18.645C65.308 16.42 64.001 14.315 61.103 14.315H61.098ZM59.578 23.38C58.525 23.38 58.075 22.48 58.075 21.37C58.075 19.596 58.989 16.695 60.677 16.695C61.774 16.695 62.14 17.642 62.14 18.56C62.136 20.465 61.22 23.38 59.58 23.38H59.578ZM73.228 14.315C71.128 14.315 69.95 16.143 69.95 16.143H69.904L70.087 14.497H67.344L66.714 18.602L64.564 29.938H67.647L68.505 25.352H68.565C68.565 25.352 69.195 25.758 70.385 25.758C74.023 25.758 76.398 22.03 76.398 18.262C76.413 16.187 75.484 14.324 73.226 14.324L73.228 14.315ZM70.266 23.425C69.7987 23.4343 69.3439 23.2737 68.986 22.973L69.498 20.071C69.864 18.146 70.866 16.853 71.948 16.853C72.895 16.853 73.18 17.725 73.18 18.553C73.185 20.57 72 23.426 70.27 23.426L70.266 23.425ZM80.836 9.86496C80.362 9.86196 79.906 10.05 79.573 10.387C79.24 10.724 79.055 11.181 79.073 11.655C79.073 12.569 79.66 13.205 80.536 13.205H80.582C80.821 13.2145 81.0594 13.1749 81.2824 13.0887C81.5055 13.0024 81.7085 12.8714 81.879 12.7037C82.0494 12.5359 82.1837 12.335 82.2735 12.1134C82.3633 11.8917 82.4067 11.654 82.401 11.415C82.401 10.515 81.799 9.86496 80.851 9.86496H80.836ZM76.51 25.53H79.607L81.711 14.56H78.603L76.51 25.53ZM89.603 14.545H87.44L87.546 14.033C87.729 12.98 88.358 12.033 89.374 12.033C89.7107 12.0331 90.0454 12.0836 90.367 12.183L90.965 9.75996C90.965 9.75996 90.415 9.48996 89.281 9.48996C88.1774 9.46252 87.1004 9.83029 86.244 10.527C85.191 11.427 84.694 12.721 84.444 14.03L84.344 14.542H82.901L82.449 16.872H83.892L82.246 25.532H85.354L87 16.872H89.136L89.556 14.542L89.603 14.545ZM97.061 14.56L94.249 22.107H94.203L93.437 14.56H90.173L92.038 24.632C92.0829 24.8041 92.0615 24.9868 91.978 25.144C91.573 25.891 90.996 26.53 90.294 27.009C89.756 27.379 89.169 27.673 88.55 27.881L89.408 30.511C90.5425 30.2073 91.5839 29.627 92.439 28.822C93.852 27.498 95.159 25.454 96.499 22.672L100.287 14.554H97.06L97.061 14.56Z" fill="black"></path></g></svg>
Shopify
<svg viewBox="26 -29 120 60" class="logoSVG"><linearGradient gradientUnits="userSpaceOnUse" x1="173.867" y1="-72.65" x2="216.749" y2="-72.65"><stop offset="0" stop-color="#e96f0b"></stop><stop offset="1" stop-color="#f37901"></stop></linearGradient><g fill="#757575"><path d="M74.093 7.228l2.388 6.27h-4.627l2.24-6.27zm-.896-2.1l-5.224 13.73h1.94l1.343-3.73h5.82l1.343 3.73h1.94l-5.224-13.73h-1.94zm28.2 13.742h1.8V5.138h-1.8v13.73zm-18.35-8.07c.597-.896 1.8-1.642 2.985-1.642 2.388 0 3.582 1.642 3.582 4.03v5.82h-1.8v-5.522c0-1.94-1.045-2.687-2.388-2.687-1.493 0-2.537 1.493-2.537 2.836v5.224h-1.8V9.32h1.8l.15 1.493zm8.06 5.234c0-2.1 1.94-3.284 4.18-3.284 1.343 0 2.24.3 2.537.597v-.3c0-1.493-1.194-2.24-2.388-2.24-1.045 0-1.94.448-2.24 1.343l-1.642-.746c.3-.896 1.493-2.24 3.88-2.24 2.24 0 4.18 1.343 4.18 4.03v5.672h-1.642v-1.343h-.15c-.448.746-1.493 1.642-3.134 1.642-1.94 0-3.582-1.194-3.582-3.134m6.716-1.194s-.746-.597-2.24-.597c-1.8 0-2.537 1.045-2.537 1.8 0 1.045 1.045 1.493 1.94 1.493 1.343 0 2.836-1.194 2.836-2.687"></path><path d="M105.735 23.05l2.1-4.925-3.73-8.657h1.8l2.836 6.567 2.836-6.567h1.8l-5.82 13.582h-1.8zm26.27-10.45c-.448-1.194-1.493-1.94-2.537-1.94-1.493 0-2.836 1.343-2.836 3.284s1.343 3.284 2.836 3.284c1.045 0 2.1-.746 2.537-1.8l1.493.896c-.746 1.642-2.24 2.687-4.03 2.687-2.537 0-4.627-2.24-4.627-5.075 0-2.985 2.1-5.075 4.627-5.075 1.8 0 3.284 1.045 4.03 2.687l-1.493 1.045z" fill-rule="evenodd"></path><path d="M138.422 19.168c2.388 0 3.582-1.343 3.582-2.985 0-3.582-5.224-2.24-5.224-4.328 0-.746.597-1.194 1.642-1.194s2.1.448 2.537 1.194l1.045-1.045c-.597-.746-2.24-1.8-3.73-1.8-2.24 0-3.433 1.343-3.433 2.985 0 3.433 5.373 2.24 5.373 4.03 0 .896-.597 1.493-1.8 1.493s-1.8-.746-2.388-1.493L134.7 17.08c.896.896 2.24 2.1 3.73 2.1zm-17.015-.298h1.8V9.318h-1.8v9.552z"></path><path d="M122.153 4.7c.746 0 1.194.597 1.194 1.194 0 .746-.597 1.194-1.194 1.194s-1.194-.597-1.194-1.194.597-1.194 1.194-1.194zm-2.537 12.687l.3 1.343h-1.8c-1.642 0-2.388-1.194-2.388-2.985V11.1h-1.8V9.3h1.8V6.482h1.8v2.836h2.1v1.8h-2.1v4.925c0 1.343 1.045 1.343 2.1 1.343z" fill-rule="evenodd"></path><path d="M77.048-10.042v2.24h5.224c-.15 1.194-.597 2.1-1.194 2.687-.746.746-1.94 1.642-4.03 1.642-3.134 0-5.672-2.537-5.672-5.82 0-3.134 2.537-5.82 5.672-5.82 1.8 0 2.985.746 3.88 1.493l1.493-1.493c-1.343-1.194-2.985-2.24-5.373-2.24-4.328 0-8.06 3.582-8.06 7.9s3.73 7.9 8.06 7.9c2.388 0 4.18-.746 5.522-2.24 1.493-1.493 1.94-3.433 1.94-5.075 0-.448 0-1.045-.15-1.343h-7.313zm13.282-1.8c-2.836 0-5.075 2.1-5.075 5.075s2.24 5.075 5.075 5.075a5.03 5.03 0 0 0 5.075-5.075c0-2.985-2.24-5.075-5.075-5.075zm0 8.2c-1.493 0-2.836-1.343-2.836-3.134S88.837-9.9 90.33-9.9s2.837 1.2 2.837 3.13-1.343 3.134-2.836 3.134zm24.47-7.156c-.597-.597-1.493-1.194-2.836-1.194-2.537 0-4.776 2.24-4.776 5.075s2.24 5.075 4.776 5.075c1.194 0 2.24-.597 2.687-1.194h.15v.746c0 1.94-1.045 2.985-2.687 2.985-1.343 0-2.24-1.045-2.537-1.8l-1.94.746c.597 1.343 2.1 2.985 4.478 2.985 2.687 0 4.925-1.493 4.925-5.373V-12h-2.1v1.194zm-2.537 7.164c-1.493 0-2.687-1.343-2.687-3.134s1.194-3.134 2.687-3.134 2.687 1.343 2.687 3.134-1.194 3.134-2.687 3.134zm-10.897-8.2c-2.836 0-5.075 2.1-5.075 5.075s2.24 5.075 5.075 5.075a5.03 5.03 0 0 0 5.075-5.075c.15-2.985-2.24-5.075-5.075-5.075zm0 8.2c-1.493 0-2.836-1.343-2.836-3.134s1.343-3.134 2.836-3.134 2.836 1.194 2.836 3.134-1.343 3.134-2.836 3.134zM118.7-17.206h2.24v15.522h-2.24v-15.522zm8.358 13.582c-1.194 0-1.94-.597-2.537-1.493l6.866-2.836-.3-.597c-.448-1.194-1.8-3.284-4.328-3.284-2.687 0-4.776 2.1-4.776 5.075a5.03 5.03 0 0 0 5.075 5.075c2.388 0 3.73-1.493 4.328-2.24l-1.8-1.194c-.597.896-1.343 1.493-2.537 1.493zm-.15-6.27c.896 0 1.642.448 1.94 1.194l-4.627 1.94c0-2.24 1.493-3.134 2.687-3.134z"></path></g><g transform="matrix(.198617 0 0 .198616 29.128442 -18.08775)"><path d="M130 29v132c0 14.77 10.2 23 21 23 10 0 21-7 21-23V30c0-13.54-10-22-21-22s-21 9.33-21 21z" fill="#f9ab00"></path><g fill="#e37400"><path d="M75 96v65c0 14.77 10.2 23 21 23 10 0 21-7 21-23V97c0-13.54-10-22-21-22s-21 9.33-21 21z"></path><circle r="21" cy="163" cx="41"></circle></g></g></svg>
Google Analytics
<svg viewBox="0 0 160 60" class="logoSVG"><g transform="matrix(.176308 0 0 .176308 7.367521 8.916185)"><path d="M85.9 28.6c2.4-6.3 5.7-12.1 10.6-16.8 19.6-19.1 52-14.3 65.3 9.7 10 18.2 20.6 36 30.9 54l51.6 89.8c14.3 25.1-1.2 56.8-29.6 61.1-17.4 2.6-33.7-5.4-42.7-21l-45.4-78.8c-.3-.6-.7-1.1-1.1-1.6-1.6-1.3-2.3-3.2-3.3-4.9L88.8 62.2c-3.9-6.8-5.7-14.2-5.5-22 .3-4 .8-8 2.6-11.6" fill="#3c8bd9"></path><path d="M85.9 28.6c-.9 3.6-1.7 7.2-1.9 11-.3 8.4 1.8 16.2 6 23.5l32.9 56.9c1 1.7 1.8 3.4 2.8 5l-18.1 31.1-25.3 43.6c-.4 0-.5-.2-.6-.5-.1-.8.2-1.5.4-2.3 4.1-15 .7-28.3-9.6-39.7-6.3-6.9-14.3-10.8-23.5-12.1-12-1.7-22.6 1.4-32.1 8.9-1.7 1.3-2.8 3.2-4.8 4.2-.4 0-.6-.2-.7-.5l14.3-24.9L85.2 29.7c.2-.4.5-.7.7-1.1" fill="#fabc04"></path><path d="M11.8 158l5.7-5.1c24.3-19.2 60.8-5.3 66.1 25.1 1.3 7.3.6 14.3-1.6 21.3-.1.6-.2 1.1-.4 1.7-.9 1.6-1.7 3.3-2.7 4.9-8.9 14.7-22 22-39.2 20.9C20 225.4 4.5 210.6 1.8 191c-1.3-9.5.6-18.4 5.5-26.6 1-1.8 2.2-3.4 3.3-5.2.5-.4.3-1.2 1.2-1.2" fill="#34a852"></path><path d="M11.8 158c-.4.4-.4 1.1-1.1 1.2-.1-.7.3-1.1.7-1.6l.4.4" fill="#fabc04"></path><path d="M81.6 201c-.4-.7 0-1.2.4-1.7l.4.4-.8 1.3" fill="#e1c025"></path></g><path d="M20.7 260.4C9.4 260.4 0 269.5 0 280.7s9.4 20.2 20.7 20.2c6.1 0 10.6-2 14.2-5.7 3.7-3.7 4.8-8.8 4.8-12.9 0-1.3-.1-2.5-.3-3.5H20.7v5.5H34c-.4 3.1-1.4 5.4-3 7-1.9 1.9-5 4.1-10.3 4.1-8.2 0-14.6-6.6-14.6-14.7S12.5 266 20.7 266c4.4 0 7.7 1.7 10 4l3.9-3.9c-3.3-3.2-7.7-5.7-13.9-5.7zm33.9 14.5c-7.1 0-13 5.5-13 13.2 0 7.6 5.8 13.2 13 13.2s13-5.6 13-13.2-5.9-13.2-13-13.2m0 21.2c-3.9 0-7.3-3.3-7.3-8s3.4-8 7.3-8 7.3 3.2 7.3 8c0 4.7-3.4 8-7.3 8m28.2-21.2c-7.2 0-13 5.5-13 13.2 0 7.6 5.8 13.2 13 13.2 7.1 0 13-5.6 13-13.2s-5.8-13.2-13-13.2m0 21.2c-3.9 0-7.3-3.3-7.3-8s3.4-8 7.3-8 7.3 3.2 7.3 8c0 4.7-3.3 8-7.3 8m28.1-21.2c-6.5 0-12.4 5.7-12.4 13.1 0 7.3 5.9 13 12.4 13 3.1 0 5.5-1.4 6.8-3h.2v1.9c0 5-2.6 7.7-6.9 7.7-3.5 0-5.6-2.5-6.5-4.6l-5 2.1c1.4 3.5 5.2 7.7 11.5 7.7 6.7 0 12.3-4 12.3-13.6v-23.4h-5.4v2.1h-.2c-1.3-1.6-3.7-3-6.8-3m.5 21c-3.9 0-7.2-3.3-7.2-7.9s3.3-8 7.2-8 6.9 3.4 6.9 8-3 7.9-6.9 7.9m16.1-33.9h5.7v38.6h-5.7V262zm21 12.9c-6.8 0-12.5 5.3-12.5 13.2 0 7.4 5.6 13.2 13.1 13.2 6.1 0 9.6-3.7 11-5.8l-4.5-3c-1.5 2.2-3.6 3.6-6.5 3.6-3 0-5.1-1.3-6.4-4l17.7-7.3-.6-1.5c-1.1-2.9-4.5-8.4-11.3-8.4m-6.8 12.8c-.2-5.1 4-7.7 6.9-7.7 2.3 0 4.3 1.1 4.9 2.8l-11.8 4.9z" transform="matrix(.400583 0 0 .400583 50.118826 -91.811827)" fill="#757575"></path><path d="M170.4 300l13.2-35.1h5.1l13.2 35.1h-5l-3.4-9.5h-14.7l-3.4 9.5h-5zm9.9-13.7H192l-5.7-15.8h-.2l-5.8 15.8zm26.2 10.8c-2.2-2.5-3.3-5.5-3.3-9.1 0-3.5 1.1-6.5 3.3-9.1 2.3-2.5 4.9-3.7 8.1-3.7 1.8 0 3.4.4 4.8 1.1 1.5.8 2.6 1.7 3.4 3h.2l-.2-3.3v-11.1h4.5V300H223v-3.3h-.2c-.8 1.2-1.9 2.2-3.4 3s-3.1 1.1-4.8 1.1c-3.2 0-5.9-1.2-8.1-3.7m14.2-2.8c1.5-1.6 2.2-3.7 2.2-6.3 0-2.5-.7-4.6-2.2-6.2-1.4-1.6-3.2-2.4-5.4-2.4s-4 .8-5.4 2.4c-1.5 1.6-2.2 3.7-2.2 6.2s.7 4.6 2.2 6.2 3.3 2.4 5.4 2.4c2.2.1 4-.7 5.4-2.3m27.4 4.3c-1.8 1.4-4.1 2.2-6.9 2.2-2.4 0-4.5-.6-6.4-1.9-1.8-1.3-3.1-2.9-3.9-5l4-1.7c.6 1.4 1.4 2.6 2.6 3.4 1.1.8 2.4 1.2 3.7 1.2 1.4 0 2.6-.3 3.6-.9s1.4-1.4 1.4-2.2c0-1.5-1.2-2.7-3.5-3.4l-4.1-1c-4.7-1.2-7-3.4-7-6.8 0-2.2.9-3.9 2.7-5.3 1.8-1.3 4.1-2 6.8-2a11.66 11.66 0 0 1 5.8 1.5c1.7 1 2.9 2.4 3.6 4.1l-4 1.7c-.5-1-1.2-1.8-2.2-2.4s-2.2-.9-3.5-.9c-1.2 0-2.2.3-3.2.9-.9.6-1.4 1.3-1.4 2.2 0 1.4 1.3 2.4 3.9 2.9l3.6.9c4.8 1.2 7.1 3.6 7.1 7.2.1 2.1-.9 3.9-2.7 5.3" transform="matrix(.400583 0 0 .400583 -3.073802 -72.995397)" fill="#757575"></path></svg>