OVERVIEW
Juana de Arco is an Argentinian fashion brand recognized for its one-of-a-kind, hand-printed patterns. The project addressed the challenge of managing a high volume of unique patterns while expanding into the U.S. market. By integrating tools like Webflow, Airtable, and Zapier, the solution automated product uploads, improved visual organization, and reduced reliance on spreadsheets. The result was an e-commerce experience that reflected the brand’s artistry while creating a more efficient and scalable system for business owners.
ROLE

Jordana Naftali - Product Designer

Francisco Neto - (Software Engineer)

Agustina Benedeti - Business owner

TIMELINE
Time frame: Start: August 2021 – End: Nov 2021
tools

Figma, Webflow, Airtable, Snapcart, Memberstack, Zapier

problem

We faced two main challenges: a disconnected backend that slowed down management of over 3,000 products and increased errors, and a disorganized UI that made product discovery difficult, negatively impacting conversions.

PROCESS

Discovery, Ideation, Design

SOLUTION

Juana de Arco USA launched an e-commerce store to present their collections. The platform was built to handle a high volume of products with unique patterns. Products were automated from spreadsheets into a CMS, making it easier for the business owner to manage. This reduced reliance on multiple tabs or spreadsheets.

Discovery

Customer Feedback Benchmarking
Most feedback referenced competitors such as AloYoga.com as the standard for leggings and yoga clothing. This served as a benchmark to guide the visual direction, leading to a clean, minimal design aligned with user expectations and industry trends.

Stakeholder Interviews
Discussions with stakeholders revealed a product and order management process that relied heavily on spreadsheets, with no real-time updates.

Operational Bottlenecks
This reliance caused frequent delays, errors, and manual rework, highlighting the need for streamlined workflows and integrated systems.

Ideation

Simplifying Product Management
The ideation process focused on reducing complexity for business owners by exploring ways to streamline product management and support long-term scalability. Concepts centered around automating product uploads from spreadsheets into a CMS, ensuring that updates were faster, more accurate, and less dependent on manual work.

Owner Dashboard for Collections
Another key idea was the creation of a straightforward dashboard for managing collections. This aimed to reduce reliance on multiple spreadsheets and tabs, giving business owners a clear, centralized tool to organize products efficiently.

Structured System for Unique Patterns
To accommodate the brand’s large volume of distinctive designs, the ideation also included establishing a structured system for organizing unique patterns. This ensured scalability while maintaining ease of use, creating a foundation for consistent growth in the e-commerce store.

Design

Design Framework and System Integration
Using Webflow as the main design and development tool, I created layouts that followed a clean, minimal style while supporting a growing catalog of unique products. Airtable was set up as a structured product database, giving the team a central place to manage information. Zapier was used to connect Airtable with the CMS, so product uploads and updates could happen automatically without relying on repeated manual steps. This combination ensured consistency and reduced errors in day-to-day operations.

Automation and Chatbot Integration
Automation was extended to order updates and customer support. Zapier connected product data to customer-facing systems, and a chatbot integration was designed to help customers receive order information quickly without needing manual responses from the team. These tools reduced the workload for managers while keeping customers informed in real time.

High-Fidelity Mockups
High-fidelity mockups were developed in Webflow to show how the dashboard, product uploads, and order tracking would work together. The mockups demonstrated how owners could manage collections in one place, see updates reflected instantly, and keep track of unique product patterns. This made it clear how the system would function both visually and operationally.

CHECK IT OUT
We eliminated tool fragmentation by centralizing operations in Webflow and automating key processes. On the UX side, we restructured the site based on user insights and competitive analysis. I analyzed her tools and noted inefficiencies caused by platform limitations and lack of clarity all of which added friction to daily operations. We mapped out where the inefficiencies were showing up and here’s what we found.

We eliminated tool fragmentation by centralizing operations in Webflow and automating key processes. On the UX side, we restructured the site based on user insights and competitive analysis. I analyzed her tools and noted inefficiencies caused by platform limitations and lack of clarity all of which added friction to daily operations. We mapped out where the inefficiencies were showing up and here’s what we found.

APPROACH

Reflection

Working on Juana de Arco reinforced the importance of alignment at every stage of the project. I found that staying in sync with the internal team created clarity and momentum, allowing us to move forward without unnecessary friction. Regular check-ins with the client not only kept expectations aligned but also helped ensure that our design direction continued to meet their needs and vision. Most importantly, building consistent feedback loops with the client became a cornerstone of the process each round of input refined our approach, validated decisions, and kept the project on track. These lessons highlighted how collaboration, transparency, and communication are just as critical to successful design outcomes as the visuals themselves.

CHALLENGE

We conducted some elicitation interviews with target customers to understand their pain points. Our team also performed competitive analysis to identify how other ecommerce platforms approached the purchasing experience.
“…Working with her daily across different teams, I observed her consistent ability to execute tasks with excellence, collaborate effectively, and support everyone around her.”
Lanay Marques

AWS user group leader Brazil
DevOps | SRE | CKA | Cloud

“Jordana is a very professional, intelligent, and most importantly skilled UI/UX designer.

When I was working with her in a project she easily turned product managers ideas into reality that lead to successfully meeting our MVP before our deadline. I can see from working with Jordana on projects that she would be a very valuable UI/UX Engineer to have in any or organization or group.”
Yael Brown

Mercor Intelligence
Data Analyst | Software Engineer

“…Jordana is a capable professional, intelligent, very capable, and great to work in a team. I really enjoyed working with her.”
Luciana Tiemi Caraça

UX Designer | Product designer
JobCloud (TX Services)