November 17, 2022

Case Study: The Mix Homepage

By Xan Poulsen, Marketing

November 17, 2022

Case Study: The Mix Homepage

By Xan Poulsen, Marketing

Connecting with the Mix

During Covid lockdown, I started branching out from digital art and tried my hand at screen printing t-shirts. My partner’s parents are also artists, and they suggested that I sell my shirts at The Mix, an art market in Frenchtown. So, during the summer of 2021, I tagged along with them and set up a booth at the Summerstock festival, and I’ve been peddling my shirts at almost every Mix event since. It ended up turning into a great side hustle!

However, there was one problem I found as I continued doing these festivals. I started noticing that only the same 200 or so local people would come to these events. The exception was some occasional tourists of Frenchtown who would say that they “stumbled upon” the event when they strayed from the main street. After all, The Mix’s location is a bit hidden away, and the advertisement consisted of homemade signs, word of mouth, and a facebook page. There wasn’t a good way for non-locals to find out about our events.

In the past, I’d found art festivals to visit by googling “art festival” and looking at the events section at the top of the google results. Each of these events was linked to a website about the festival with information that let me know when and where to go. If The Mix’s festivals could also show up in Google events results, I’m sure more people from out of town would find our events when searching for fun things to do in the area.

CLICK HERE to see the Mix's New Homepage!

Our Goals

  • Create a landing page for The Mix.
    We want to have an online presence and resource that gathers all information about The Mix into one place and shows off how fun The Mix is.

  • Pinpoint the festivals’ location.
    When someone from out of town needs to find the address for our festivals, they should be able to google The Mix, find our website, and click on the address to open it in Google Maps.

  • Give artists their own webpages.
    With individual artists having their own webpage, featuring their artwork and a biography, there would be more of a chance of the website being shared online. Many artists from The Mix don’t already have a website, so giving them a webpage to put on their business cards would be a great way to give back to this community.

  • Add our festivals to Google’s events.
    When people google “What to do in Hunterdon County”, I want them to see The Mix as a top result.


Our Team

  • Steven: set up the backend
  • Shayna: created a "Work in Progress" page
  • Me: designed and implemented the site
  • Greg: created and edited schema that allows event pages to show in Google’s rich results


Our Process

First, Steven set up the domain themixfrenchtown.com and copied the Nuxt JS project for Devia’s homepage. We used the copy to get started so we could continue using the same configuration without starting from scratch. Devia’s homepage is set up with Nuxt, Vue, and Tailwind CSS, and I wanted to see how well this combination would work now that I’d gotten the hang of it. Was this going to be a good method to continue using in the future? Devia’s homepage had a huge learning curve for me with Tailwind and Vue, so would it be a faster process now that I’d gotten the hang of those?

After the project was copied and set up with the correct domain, Shayna branched to create a “Work in Progress” page. In the meantime, I designed a prototype to send over to John and Shannon from The Mix.

After this was approved, I began working on the html, Tailwind css, and Vue that would give the site its appearance. Since I used Devia’s homepage as the bare bones for the project, I ended up reusing our page margins, navigation bar, and burger menu. While I was working on the final site, I also kept in close contact with John and Shannon to collect some artists’ photos and bios to fill up the featured artist pages.

The last step was getting the events pages to show up on google’s rich results. I needed to know that people could find this website when they were searching for things to do in the area.

After a bit of research, I found a way to add schema markup into the Vue file. Greg put the schema in place and got the page to show in a Google rich results detector. Finished, committed, pushed, deployed, and cache cleared!

Right now, The Mix is on hiatus until the weather is warm enough for outdoor events in the spring, but Devia has everything set up to be able to have their first 2023 festival listed in Google’s rich results.

CLICK HERE to see the results!

Outcome

John, Shannon, and the 14 artists featured on The Mix website were thrilled with the outcome. Our team also learned a few things along the way.

For one, creating a schema for Google’s rich results was new to us, but with that under our belt, it will be a breeze for future Vue projects. Google rich results also apply to recipes, how to articles, blog articles, and products. It’s almost guaranteed that this skill will come up again for our team in the future.

Personally, I also found that using the Nuxt/Vue/Tailwind configuration for a second time really sealed the deal. I now know how powerful that set up can be. Now that I'm familiar with using Vue and Tailwind css, this is a complete game changer. It certainly sped up the process by allowing me to use variables for fonts and colors, and components for repeated elements like the featured artist cards on the homepage. Nuxt also gave the website an incredibly fast loading speed, despite having hundreds of files in the project.

This project ended up being a fantastic opportunity for Devia to expand our offerings to include homepages for organizations and companies. We’re also so thankful to see all of the positive feedback from John and Shannon and The Mix artists. Seeing a bunch of The Mix members on one website gives us a new sense of being a part of a whole, and I’m looking forward to seeing the featured artists’ section grow as more artists send in their work and as more of us join The Mix.

About Devia's Web to Print Solutions

Your Web to Print service needs an online platform that will connect your clients to the products they need to order. Printing clients need a simple, easy to navigate webpage that lets them upload a PDF or a photo and order marketing materials and custom products, including business cards, stationery, letterhead, envelopes, flyers, pocket folders, brochures, signage, calendars, sell sheets, buckslips, note pads, and more.

Devia provides support to your team of printing professionals by helping manage and create individual eCommerce stores for each of your clients, tailored specifically to their brand. Using Infigo's Web to Print software, Devia will develop and manage these branded storefronts for you, so that you can get back to what's truly important: running a fantastic printing service.

Devia's partnership with Infigo lets us provide unmatched support for Infigo users. Our direct collaboration with Infigo's team gives us insider information on new updates and features of their Web-To-Print software. Devia also specializes in the management and development of online stores hosted by other various eCommerce platforms, such as Shopify, Pageflex, Squarespace, and Magento.

Devia's years of experience building customized storefront solutions allows us to create the best solutions for connecting commercial printers and their clients. Schedule a meeting with our team using the button below to start a conversation with Devia. Our team is always happy to give your business a free demo of our software and provide consultation as to the best possible solution for your printing business.

© Copyright Devia 2022