Wix ADI - Create a website with automatically generated content and design.
Wix ADI︎ allows novice users to create their own beautiful websites that contain custom content for their business, after answering a few questions.
I took part in this project for 3 years: I was part of the small founding team before it launched in 2017 and continued to be part of the team that grew to around 50+ people.
The work ranged from high level projects (such as creating the system structure, UI and the set of preliminary questions) to specific features (for example, allowing the user to have rich text capabilities or changing site colors).
By the end of July 2020 , there were 118K Daily Users with an average of 2.9M monthly active users.
The process included inventing the ADI experience from scratch: from the onboarding stage to the actual site builder.
I also worked on creating organized assets for this project, specificall working close with developers to create reusable parts that can be implemented easily.
Working on ADI involved collaborating with programmers, content writers, product managers, design team, QA, analysts, marketing and more.
Some other tasks I performed include creating a holistic media experience, in which the users can choose which media they want to show (image, video, gallery) and which layout they prefer.
I also created the first coloration experience for the user - starting from choosing brand color, to choosing a palette, and for advanced users - completely customizing the palette.
The content panel
Mockup for panel navigation
Editing content could not be on stage because of technical reasons, so we had to create a simple panel for content editing. Some of the tasks I did were: enabling rich text editing, creating assets and more.
Each section has design settings such as font size, alignment & height. The system is very visual so we decided to show the actual section. Some of the tasks I did were: site coloration panel, media selection, themes thumbnails and more.
The design panel
Check out this case study for the color panel.
Since this project is a complex website builder, we had to create reusable ui components that are easy to find and use (a design system). I was in charge of creating reusable assets along with developers, so the ADI experience is consistent.UI system assets