← Back to Home

Redesign of Vectary

Oct 2018 - Mar 2019
Vectary is an online 3D design tool that aims to empower 3D workflows in the online and AR world. The interface and functionality are easy enough to have a first project done in less than 15 minutes, drastically reducing the steep learning curve of 3D modeling software.
Visit Vectary
The update marks the 3.0 release of our 3D engine. This overhaul introduced a more intuitive interface and also expanded on core product features. Such improvements were vital for Vectary's sustained growth, anchoring both our user base and market direction. As the product owner, I had the privilege of collaborating closely with a team of researchers, designers, and developers throughout the development of the release.
"3.0 enabled the product to scale to over 2 million users."
Me
“Vectary [3.0] is making 3D so approachable.”
Meng To, Founder of Design+Code

1. Challenge

In version 2.0, we divided the engine's functionality into multiple modes, each with its own set of tools. The toolset still contained just a portion of what Vectary could reach. As 3D innovations often require significant resources, strategic planning for future enhancements was essential to keep all options open.

2. Research

I've researched each target group with suitable companies to understand the problem first-hand. Such collaborations yielded valuable insights into user needs, which, combined with our extensive product interaction data, guided our subsequent moves. Once all of the necessary knowledge was gathered, I facilitated a series of discussions with key stakeholders, laying a robust foundation for the development phase.

3. Map & Strategy

To gain a holistic view of the challenges at hand, we mapped the entire problem context. Our strategic plans incorporated numerous mind maps and user pathways, which simplified the release's narrative.
An example of the usage and costs of existing target groups.

4. Wireframes & Prototype

From the early beginning of the design process, we’ve pushed the wireframes through rapid prototyping, ensuring that each decision was validated. For majority of the process, Figma proved invaluable for swift prototyping. Once the UX & UI were finalized, I've transitioned to Framerto develop an interactive prototype enhanced with custom code.
Early prototype, showing off one of the initial iterations of the new interface.

5. Outcome

5.1. Unified Design System
Our refined design seamlessly integrates modes and tools, promoting an intuitive and accessible user journey throughout the product.
5.2. Interactive Onboarding
New users benefit from an interactive onboarding process, gently introducing them to the engine's fundamental functionality.
5.3. Smart Tools
With the addition of 17 innovative tools, users can now enjoy an expedited modeling and assembly process. The inclusion of smart deformers and generators, which can be layered and merged, contributes to this efficiency.
5.4. Embeddable Viewer
The embeddable viewer enables effortless sharing of 3D content across the web, either via iframe code or direct links. It also supports AR views on both Android and iOS platforms.

← Back to Home

Product Cycle in Powerful Medical →