Modern Monark, a local skate shop located in the heart of Salt Lake City, Utah, prides itself on representing excellence in the skating community.
Before collaborating with Chasi, the shop faced a crucial challenge – establishing a robust online presence capable of scaling.
Chasi’s Challenge
Chasi, the mastermind behind the innovative redesign of Modern Monark’s website, was driven by a distinct purpose—to elevate the skate shop’s online presence to unprecedented heights. Chasi envisioned not only an aesthetically pleasing website but also a seamless integration with the Square point of sale system. The overarching goal was to forge a digital platform that not only mirrored the distinctive personality of the shop but also facilitated the effortless management of inventory and sales.
It’s worth noting that Christian, the co-founder alongside Chasi, played a significant role in shaping this vision. Drawing from his background as a sponsored downhill longboarder during his formative years, Christian possessed a profound understanding of how a skate brand should present itself. This invaluable insight contributed to the meticulous design choices, ensuring that Modern Monark’s online identity resonates authentically with the skate community. Together, Chasi and Christian aimed to create not just a website but a digital hub that captures the essence of Modern Monark’s unique skate culture.
The Solution: An Epic Website Transformation
Our team at Chasi worked closely with Modern Monark to bring his vision to life. The result was an epic website that Modern Monark could proudly call home. Modern Monark expressed their gratitude, stating, “Thanks again for all you’ve been doing. You are a wizard, and I’m happy to make sure it’s worth your while, especially as we scale up!”
Dynamic Home Page: The website’s home page received a dynamic overhaul, featuring a captivating video background that showcases the essence of Modern Monark’s skate culture. The immersive video experience not only captures the attention of visitors but also sets the tone for the shop’s unique and vibrant atmosphere. The dynamic visuals on the home page create a memorable first impression, inviting users to explore the diverse offerings of the skate shop.
The awesome homepage video is complemented by the logos beneath, adding a final touch that brings all the elements together harmoniously and cohesively.
Key Feature: Inventory Sync with Square
One of the standout features of the revamped website is the seamless integration of Square and WooCommerce. The inventory sync ensures that product availability and images on the website are dynamically updated in real-time based on in-store sales. This innovative solution allows Modern Monark to manage inventory effortlessly through the Square point of sale system while accepting Square payments in-store, all within the same unified system. This significant benefit streamlines operations and enhances the overall customer experience.
This product originated within Square POS and was seamlessly synchronized with WooCommerce. The website’s inventory is efficiently managed by Square, ensuring a cohesive and streamlined approach to product management.
The Shop Page
When it came to redesigning the shop page for Modern Monark’s website, Chasi focused extensively on creating an experience that felt natural, intuitive, and, above all, effortless for every visitor.
1. Intuitive Layout: The cornerstone of effortlessness in navigation lies in the design’s intuitive layout. We meticulously organized products, ensuring that categories were logically presented. This clean, organized structure minimizes confusion, providing a clear pathway for users to explore and discover the diverse range of skate gear, apparel, and accessories that Modern Monark offers.
2. Streamlined Search and Filter Options: Understanding the importance of time-saving features, we implemented advanced search and filter options. Visitors can now easily narrow their choices based on categories, sizes, brands, and more. This functionality not only saves time but empowers users to tailor their search, ensuring a personalized and efficient shopping journey.
3. Responsive Design for Any Device: Modern Monark’s website is designed to be responsive across all devices. Whether customers are browsing from a desktop, tablet, or smartphone, the layout adapts seamlessly. This responsiveness ensures a consistent and user-friendly experience, allowing shoppers to explore the shop’s offerings at their own pace, regardless of the device they choose.
4. Visually Appealing Product Displays: Each product on the shop page is thoughtfully presented with high-quality images and detailed descriptions. This visual richness not only enhances the aesthetic appeal but also aids in providing a comprehensive view of each item. This approach allows customers to take a moment, explore product details, and make informed decisions with ease.
Animated GIF of the shop page, utilizing a video to capture “stoke” in the minds of the customer. The categories, latest products, and best-sellers are easily selectable without a crowded space.
Team Page and Latest Video Showcase
To bring the social aspect full circle, we dedicated a section of the website to the Modern Monark team. The Team Page is a visual celebration of the individuals who contribute to the shop’s success, featuring images and Instagram links of each team member. Additionally, the page highlights the latest video produced by the team, providing visitors with a glimpse into the skate culture and the community that defines Modern Monark. This personalized touch adds authenticity to the brand and fosters a sense of connection between the shop and its customers.
For the team page, we highlighted the new video drop. Includes a link to buy the new full-featured skate film: The Monark Bunch
Client Testimonial
Modern Monark, expressed his satisfaction, stating, “Thanks again for all you’ve been doing. You are a wizard, and I’m happy to make sure it’s worth your while, especially as we scale up!”
In conclusion, the transformation of Modern Monark’s website has been an exciting journey. As the designer, our goal was not only to meet but to exceed the expectations of Modern Monark and its community. The revamped website now stands as a testament to the shop’s unique identity, offering a digital space that captures the essence of skate culture while providing a seamless and enjoyable shopping experience for customers.
