✨ 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.
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.
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.
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.
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.
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.
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
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?
Screenshot of a FigJam of a 6-hour design session.
Process
Design Session for Quick Alignment
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?
Screenshot of a FigJam of a 6-hour design session.
Process
Design Session for Quick Alignment
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?
Screenshot of a FigJam of a 6-hour design session.
Process
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?
Design for the experience both inside and outside the app.
Process
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?
Design for the experience both inside and outside the app.
Process
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?
Design for the experience both inside and outside the app.
Process
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.
Process
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.
Process
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.
Process
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.
Process
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.
Process
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.
Process
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.
Before and after of the development process
Process
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.
Before and after of the development process
Process
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.
Before and after of the development process
Putting It Together
Putting It Together
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.
Screenshot of the Android Play Store.
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.
Screenshot of the Android Play Store.
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.
Screenshot of the Android Play Store.
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.