top of page
preimagesuite light blue 1_edited.png

Preimage

Founded in 2020, Preimage is a fast, scalable, and integrable 3D reconstruction platform that processes photos to generate high-quality 3D digital twins of real-world environments and assets. I became a part of Preimage as a UI/UX Designer, tasked with creating end-to-end design solutions for their Web App. Throughout my time with Preimage, I designed various screens for the responsive web app and viewer, as well as crafting the design for the website preimage.ai. My workflow involved regular team discussions, brainstorming sessions for new features, conducting thorough user and competitor research, engaging with clients to keep us informed about their needs and opinions, creating high-fidelity prototypes, conducting user tests and a lot of other exciting and insightful activities.

Overview

WEBSITE

PREIMAGE WEB APP

Create your personal and/or team workspace . Create photogrammetry projects . Access all projects and workspaces . Share projects . View project summary . Purchase credits to create more projects 

PREIMAGE VIEWER

View project outputs - Point Cloud and Raster Outputs . Annotate and Measure outputs . View elevation profile . Compare Outputs

ROLE

UI/UX Designer, Graphic Designer, Researcher, User Testing, Design System, Guided Tour Design

TEAM

Solo Designer with help from 3 developers, 2 software development interns, CEO and CTO

DURATION

September 2022 to July 2023

Problem Definition

At Preimage, our primary goal was to develop a fast and scalable platform dedicated to Drone Photogrammetry projects. Our main focus was on streamlining the process, making it simple and efficient. The platform was specifically designed with GIS Professionals in mind, catering to their unique needs and requirements.

Research

To understand our users, continuously define and redefine the problems at hand, and create innovative solutions, I employed the design thinking process. Its non-linear nature allowed me to question our assumptions and engage in various tasks, as demonstrated below.

Preimage (1).jpg

Competitor Research

Features, Flow Ideations and Content Research

Preimage (9).jpg
Preimage (10).jpg
Preimage (15).jpg
Preimage (15).jpg

Wireframes, Prototype and Testing

Wireframes

20230722_182903_edited_edited_edited.jpg

Prototype Development and Critique Sessions

Following thorough research, ideation, and conceptualization phases, I focused on creating high-fidelity designs and prototypes for the project. Collaborating closely with my team, we conducted regular critique sessions and discussions to ensure a good user experience. This iterative approach allowed us to fine-tune the designs, address potential issues, and refine the overall usability of the platform, ultimately leading to an exceptional product tailored to our target audience, the GIS Professionals.

Screenshot 2023-07-24 at 6.04_edited.jpg
Screenshot 2023-07-24 at 6.03_edited.jpg
Screenshot 2023-07-24 at 6.07.31 PM.png

Usability Testing

After receiving feedback in our critique sessions and making the required changes to our designs, we proceeded with remote usability testing involving a few customers. This testing allowed us to assess how user-friendly our platform was for them. Based on the results, we made further improvements to ensure an excellent user experience, tailored specifically to our target users, the GIS Professionals.

Screenshot 2023-07-24 at 6.22.53 PM.png

Final Design

Responsive Web App

  • The Preimage responsive web app is designed to process images and point clouds, generating and viewing various outputs like Sparse Cloud, Dense Cloud, Fully Classified Point Cloud, Binary Classified Point Cloud, DEM, DTM, and Orthomosaic. Users can create workspaces to organize their projects, and there's no limit on the number of projects or workspaces they can have as long as they have purchased the necessary credits.

  • The project creation flow consists of 5 main steps: uploading inputs, selecting desired outputs, importing CSV files and marking GCPs (Ground Control Points), and configuring reconstruction settings. Once a project is created, users have the option to process additional outputs, view inputs, and access a quality report.

  • Users can also collaborate by adding others to their workspace as readers or editors. Furthermore, projects can be individually shared or made public for everyone to access.

Web App Experience

Web App Experience

Web App Experience
Upload Inputs
01:02
Play Video

Upload Inputs

Select Outputs
00:34
Play Video

Select Outputs

GCP Free Marking
00:33
Play Video

GCP Free Marking

Reconstruction Settings
01:21
Play Video

Reconstruction Settings

Viewer

  • The Preimage Viewer complements the web app by allowing users to view the point cloud and raster outputs processed through it. The interface provides a seamless way to view these visual representations. Users have the option to download all the outputs for their convenience.

  • In addition to viewing, the Viewer also offers various interactive features. Users can place markers and annotations on the outputs, enabling better communication and organization. Moreover, they can categorize the outputs to facilitate efficient management.

  • For more in-depth analysis, the Viewer allows users to make measurements such as lines, areas, and volumes. Furthermore, it provides an elevation graph and elevation profile of lines, offering valuable insights into the terrain's elevation data.

    Overall, the Preimage Viewer enhances the user experience, providing a powerful tool for exploring and interacting with the processed outputs.

The Preimage website serves as a platform for showcasing work through various processed outputs, blogs, and white papers. Its primary purpose is to establish a strong connection with customers by providing them with valuable resources on how Preimage works, where to get started, and why Preimage can be the best choice in the 3D reconstruction industry. The Preimage website also highlights the diverse applications and use cases where Preimage can be utilized. The website also provides insights about the team, values and vision of the team within the 3D reconstruction industry. 

bottom of page