✨ Get more on OKRs with code cathyhulu@gmail.com
✨ Get more on OKRs with code cathyhulu@gmail.com
✨ Get more on OKRs with code cathyhulu@gmail.com

From 0 to 50K Downloads: Designing for an Geospatial-AR Experience

For 18 months, I led the design for the company’s new geospatial-AR experience, the Wayfarer App. Inside, users can create 3D meshes, explore the company’s intricate map of the world, and develop the AR content of their dreams. During my tenure, I worked closely with both internal teammates (Product Managers, Engineers, Operations) and external teams ( Other Product Teams, R&D, Trust & Safety, Legal) to ensure alignment and delivery of features, proactively facilitating meetings and updates.
Role
UX Designer
Team Size
~20 people
Timeframe
18 months

From 0 to 50K Downloads: Designing for an Geospatial-AR Experience

For 18 months, I led the design for the company’s new geospatial-AR experience, the Wayfarer App. Inside, users can create 3D meshes, explore the company’s intricate map of the world, and develop the AR content of their dreams. During my tenure, I worked closely with both internal teammates (Product Managers, Engineers, Operations) and external teams ( Other Product Teams, R&D, Trust & Safety, Legal) to ensure alignment and delivery of features, proactively facilitating meetings and updates.
Role
UX Designer
Team Size
~20 people
Timeframe
18 months

From 0 to 50K Downloads: Designing for an Geospatial-AR Experience

For 18 months, I led the design for the company’s new geospatial-AR experience, the Wayfarer App. Inside, users can create 3D meshes, explore the company’s intricate map of the world, and develop the AR content of their dreams. During my tenure, I worked closely with both internal teammates (Product Managers, Engineers, Operations) and external teams ( Other Product Teams, R&D, Trust & Safety, Legal) to ensure alignment and delivery of features, proactively facilitating meetings and updates.
Role
UX Designer
Team Size
~20 people
Timeframe
18 months

Category
AR Content That is Location Specific
Location-based AR is content that is dependent on the user’s location. For instance, when a user is standing in New York City and points their phone at the Empire State Building, they should see King Kong scaling the skyscraper, just like the iconic scene from the movies. This immersive experience does not work if the user is standing in San Francisco or Tokyo. Thus, the AR experience is dependent on the user standing in a specific location: the Empire State Building in NYC.
This is the caption text.
Category
AR Content That is Location Specific
Location-based AR is content that is dependent on the user’s location. For instance, when a user is standing in New York City and points their phone at the Empire State Building, they should see King Kong scaling the skyscraper, just like the iconic scene from the movies. This immersive experience does not work if the user is standing in San Francisco or Tokyo. Thus, the AR experience is dependent on the user standing in a specific location: the Empire State Building in NYC.
This is the caption text.
Category
AR Content That is Location Specific
Location-based AR is content that is dependent on the user’s location. For instance, when a user is standing in New York City and points their phone at the Empire State Building, they should see King Kong scaling the skyscraper, just like the iconic scene from the movies. This immersive experience does not work if the user is standing in San Francisco or Tokyo. Thus, the AR experience is dependent on the user standing in a specific location: the Empire State Building in NYC.
This is the caption text.

Category
From Hobbyists to Big Studios, Anyone Can Create
Users of the app range from individual AR hobbyists to multi-teams studios. Notable clients include HBO, Coca-Cola, and National Golf League.
This is the caption text.
Category
From Hobbyists to Big Studios, Anyone Can Create
Users of the app range from individual AR hobbyists to multi-teams studios. Notable clients include HBO, Coca-Cola, and National Golf League.
This is the caption text.
Category
From Hobbyists to Big Studios, Anyone Can Create
Users of the app range from individual AR hobbyists to multi-teams studios. Notable clients include HBO, Coca-Cola, and National Golf League.
This is the caption text.


Process
Research and Analyze
I researched and analyzed geospatial apps and AR platforms, evaluating their features, user experience, and visual design. I also inquired with AR designers on how to design for real-world experiences, differences between virtual/physical space, and best practices.
A competitive audit between two different product types: geospaital and AR. Interestedly Apple's ARCore offers a geospaital component in their AR kit.
Process
Research and Analyze
I researched and analyzed geospatial apps and AR platforms, evaluating their features, user experience, and visual design. I also inquired with AR designers on how to design for real-world experiences, differences between virtual/physical space, and best practices.
A competitive audit between two different product types: geospaital and AR. Interestedly Apple's ARCore offers a geospaital component in their AR kit.
Process
Research and Analyze
I researched and analyzed geospatial apps and AR platforms, evaluating their features, user experience, and visual design. I also inquired with AR designers on how to design for real-world experiences, differences between virtual/physical space, and best practices.
A competitive audit between two different product types: geospaital and AR. Interestedly Apple's ARCore offers a geospaital component in their AR kit.

Process
Design Session for Quick Alignment
In the early stages of development, I hosted design sessions with cross-functional stakeholders to quickly generate ideas, evaluate feasibility, and reach alignment on product requirements. This was the first time the team had a designer and participated in a design session. Although there was skepticism and uncertainty in the beginning, the team afterwards recognized the value of a collaborative session. This positive experienced led to annual design sessions going forward.
Screenshot of a FigJam of a 6-hour design session.
Process
Design Session for Quick Alignment
In the early stages of development, I hosted design sessions with cross-functional stakeholders to quickly generate ideas, evaluate feasibility, and reach alignment on product requirements. This was the first time the team had a designer and participated in a design session. Although there was skepticism and uncertainty in the beginning, the team afterwards recognized the value of a collaborative session. This positive experienced led to annual design sessions going forward.
Screenshot of a FigJam of a 6-hour design session.
Process
Design Session for Quick Alignment
In the early stages of development, I hosted design sessions with cross-functional stakeholders to quickly generate ideas, evaluate feasibility, and reach alignment on product requirements. This was the first time the team had a designer and participated in a design session. Although there was skepticism and uncertainty in the beginning, the team afterwards recognized the value of a collaborative session. This positive experienced led to annual design sessions going forward.
Screenshot of a FigJam of a 6-hour design session.

Category
Mapping Out the Flow
The Wayfarer app is part of the company’s developer product line, Lightship. Thus, I had to design both the experience inside the app and outside on other company's platforms. How would the user go from one company’s product to another? How do all the products connect with each other?
This is the caption text.
Category
Mapping Out the Flow
The Wayfarer app is part of the company’s developer product line, Lightship. Thus, I had to design both the experience inside the app and outside on other company's platforms. How would the user go from one company’s product to another? How do all the products connect with each other?
This is the caption text.
Category
Mapping Out the Flow
The Wayfarer app is part of the company’s developer product line, Lightship. Thus, I had to design both the experience inside the app and outside on other company's platforms. How would the user go from one company’s product to another? How do all the products connect with each other?
This is the caption text.

Category
Info Architerature for Organized Information
Alongside the user flow, I developed the app's information architerature. This helps ensure and understands what information the user is presented at each stage. Additionally, it helps prevent confusion and facilitate team consensus on the layout of info.
This is the caption text.
Category
Info Architerature for Organized Information
Alongside the user flow, I developed the app's information architerature. This helps ensure and understands what information the user is presented at each stage. Additionally, it helps prevent confusion and facilitate team consensus on the layout of info.
This is the caption text.
Category
Info Architerature for Organized Information
Alongside the user flow, I developed the app's information architerature. This helps ensure and understands what information the user is presented at each stage. Additionally, it helps prevent confusion and facilitate team consensus on the layout of info.
This is the caption text.

Category
Build Fast, Test Fast, and Deploy Fast
With a 4-6 week release cycle, I worked fast to translate user insights and business requirements into wireframes, prototypes, and high-fidelity designs.
This is the caption text.
Category
Build Fast, Test Fast, and Deploy Fast
With a 4-6 week release cycle, I worked fast to translate user insights and business requirements into wireframes, prototypes, and high-fidelity designs.
This is the caption text.
Category
Build Fast, Test Fast, and Deploy Fast
With a 4-6 week release cycle, I worked fast to translate user insights and business requirements into wireframes, prototypes, and high-fidelity designs.
This is the caption text.

Category
Adding Design Into the Development Process
Prior to joining the team, the team never had a designer. I had to create a new process with design included. There were many early hiccups from miscommunication to misalignment, Eventually we found a way to work together and incorporate user-centric design into product planning.
This is the caption text.
Category
Adding Design Into the Development Process
Prior to joining the team, the team never had a designer. I had to create a new process with design included. There were many early hiccups from miscommunication to misalignment, Eventually we found a way to work together and incorporate user-centric design into product planning.
This is the caption text.
Category
Adding Design Into the Development Process
Prior to joining the team, the team never had a designer. I had to create a new process with design included. There were many early hiccups from miscommunication to misalignment, Eventually we found a way to work together and incorporate user-centric design into product planning.
This is the caption text.

Putting It Together


Category
Beta Release is a Sucess
An Android and iOS was released for beta. Users can download through the Google Store or Testflight. At its peak, the Android release reached over +50k downloads.
This is the caption text.
Category
Beta Release is a Sucess
An Android and iOS was released for beta. Users can download through the Google Store or Testflight. At its peak, the Android release reached over +50k downloads.
This is the caption text.
Category
Beta Release is a Sucess
An Android and iOS was released for beta. Users can download through the Google Store or Testflight. At its peak, the Android release reached over +50k downloads.
This is the caption text.

About
Hello, I'm Catherine. I have experience in both the engineering and design stages of product development. My career journey has been driven by the question: "how to enrich people's lives through technology?" I am motivated by finding new ways to make the world a better place. With my unique background in software engineering, I combine my creative thinking and practical problem-solving to find solutions that is both meaningful and helpful, but also actionable, accessible, and scalable.
If you are looking for an awesome collaborator or have a cool project, feel free to send me a message.
About
Hello, I'm Catherine. I have experience in both the engineering and design stages of product development. My career journey has been driven by the question: "how to enrich people's lives through technology?" I am motivated by finding new ways to make the world a better place. With my unique background in software engineering, I combine my creative thinking and practical problem-solving to find solutions that is both meaningful and helpful, but also actionable, accessible, and scalable.
If you are looking for an awesome collaborator or have a cool project, feel free to send me a message.
About
Hello, I'm Catherine. I have experience in both the engineering and design stages of product development. My career journey has been driven by the question: "how to enrich people's lives through technology?" I am motivated by finding new ways to make the world a better place. With my unique background in software engineering, I combine my creative thinking and practical problem-solving to find solutions that is both meaningful and helpful, but also actionable, accessible, and scalable.
If you are looking for an awesome collaborator or have a cool project, feel free to send me a message.