✨ 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.

Contact

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.

Contact

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.

Contact

Create a free website with Framer, the website builder loved by startups, designers and agencies.