Launching an e-commerce site in the luxury retail market

2022
Context

Arrow Innovation was a growing Toronto brand fusing narrative driven art with fashion. Their work has been described as bold, iconoclastic and uniquely modern.

Problem

The initial website setup lacked scalability for Arrow Innovation's expanding needs, necessitating a more flexible solution.

Technologies
Miro
Invision
Webflow
Instagram (Surveys)
Notion
Google Analytics
Photoshop
Lightroom
HTML CSS JS
Solution
A fully functional e-commerce site built from the ground up.
A 3 minute read, 391 words.

Beyond the basics

I initially developed the website using HTML, CSS, with foundational Javascript and PHP, integrating Ecwid for e-commerce capabilities. However, as Arrow Innovation expanded, the limitations of this setup became apparent, underscoring the need for a more scalable solution to support our growing range of products, collections, and dynamic content.

Taking charge of the project, I was solely responsible for reimagining the website. This involved not just redesigning and developing the site but also strategically planning its launch to ensure it met our evolving business needs and maintained the brand's futuristic and high-end positioning.


Followers into feedback

At the outset, my journey into web design and UX research was just beginning. To bridge this gap in experience, I turned to Instagram, a platform where many of my customers were engaged followers, to gain insights into their preferences.

By inquiring about their favorite shopping brands, I aimed to not only pinpoint my primary competitors but also to dissect and learn from the structure of their professionally crafted websites. This approach provided a foundation for understanding effective design and sales strategies, setting a new benchmark for Arrow Innovation's online presence.


Drawing inspiration from competitors

Leveraging insights from my survey, I delved into competitive audits to gain invaluable perspectives, noting that brands with similar positioning prioritized rich content to create impactful designs. Opting for Webflow, I embraced its comprehensive CSS control to craft a fully custom design from scratch, bypassing templates for a unique web experience.


Seeking feedback from a product manager

To validate my design direction, I sought feedback from a colleague who manages a portfolio of websites valued between 30M-40M, aligning with Arrow's market segment. During a digital call, we meticulously reviewed the website together, although I admittedly felt nervous, having never conducted such a review before.


Prioritizing product exploration over storytelling

The design insights, particularly concerning sales pathway optimization, were enlightening, emphasized by my colleague during our review. Despite my novice status, I prioritized the brand narrative, although we ultimately scaled back branding efforts to prioritize enhancing the product exploration grid.


A fully functional site

The culmination of the project yielded a fully functional e-commerce site, primed for relaunch within the premium luxury market segment. Success metrics were gauged through feedback surveys integrated into the site, revealing crucial insights. A key takeaway was the symbiotic relationship between primary and secondary research in crafting a product destined for success.


Conclusion

1. The website's initial HTML, CSS, JavaScript, and PHP framework, despite integrating Ecwid for e-commerce, struggled to scale with Arrow Innovation's growth.

2. I utilized Instagram to engage with customers and analyze competitor websites, laying a foundation for improving Arrow Innovation's online strategy and design.

3. Using survey insights, I conducted competitive audits and chose Webflow for its CSS flexibility, crafting a unique, content-rich website design from scratch.

4. I validated my design by consulting a colleague overseeing websites in Arrow's market range, reviewing it together on a call, a new experience for me.

5. During our review, my colleague highlighted enlightening sales pathway optimization insights, leading us to focus more on the product grid than the brand narrative.

6. The project resulted in a luxury e-commerce site with success measured by feedback surveys, underscoring the synergy between primary and secondary research for effective product development.