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.
.jpg)
Competitor Research
Comparison of performance of 5 competitors based on various parameters.
A study of new project creation flow in 4 competitor platforms which starts from project creation and input upload and ends with processed outputs.
Comparison of performance of 5 competitors based on various parameters.
Features, Flow Ideations and Content Research
.jpg)
.jpg)
.jpg)
.jpg)
Wireframes, Prototype and Testing
Wireframes
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.
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.
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
Upload Inputs
Select Outputs
GCP Free Marking
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.
