Integrating with
Facebook and Instagram
Interesting collaboration with Facebook, to allow our merchants to publish and sell their products on Facebook and Instagram.
ROLE
Product Designer
Strategy, Scope, Design, Prototyping, Visual Design, QA
DURATION
April 2020 - February 2021
THE DREAM TEAM
Product Manager - Samir Rajguru, Shir Harel
Design Lead - Jose Falcon
Overview
Goal.
Allow existing Squarespace merchants to present and sell their products on Facebook commerce channels (FB Shop, FB Marketplace, Instagram) and track orders through their Squarespace website.
Process.
Worked as a team, under Facebook’s strict guidelines and API’s to scope, design, build and test the new experience with our users.
Status.
30 merchants have been invited to use the new experience unmoderated, and we have been reaching out to them individually to collect feedback. The plan is to collect data, and iterate before releasing to all Squarespace users.
Competitive Audit
Almost every project starts with exploring our competition.
Also getting familiar with Facebook shops, marketplace and Instagram, as our merchants will work with these selling channels.
Ecwid
Shopify
Project Scoping
One of this project’s challenges was defining a scope, as we were dependent on Facebook’s development process and timelines.
Mapping the user flow helped aligning as a team and reach a timeline we can work towards.
As part of the scope strategy, we also aligned on a version plan that supported our timeline.
IA and Layout
Explored full screen takeover vs panel view.
Option 1 was providing more real estate for content, but was also challenging to our current platform build and would increase our scope. So after illustrating both options and advising our design platform and engineering team we decided it was best to go with option 2.
Putting together a cohesive wireframed flow
Prototyping a higher fidelity flow
This allows to add more details in, start thinking about the content, how screens combine, and the components we’ll require.
Adjusting to unexpected changes
In our case, it brought an opportunity for a simpler and friendlier experience.
As Facebook kept changing their side of interaction, we had to adjust. Putting together current vs new flow in front of the team really helped reach a decision of our new direction.
Final Design
Our beta was released to 30 existing merchants to connect their stores to Facebook. We are currently conducting interviews to gather feedback, and keep improving our experience before launching it to all Squarespace merchants.