Spyne.AI
Dec 2020-Jan 2021— 10 min Read
Back
My Role
UX Designer — Visual Design, User Flows, Rapid
Prototyping,testing
Timeline & Status
2 Months, Launched in January 2023
Overview
The used car market in India is already quite large, but by providing high-quality, studio-grade photographs of the cars, we can increase the chances of more sales. Our focus is solely on the cars and their specifications.This eliminates the need for long wait times for deliverables and ensures consistency in the results.But using A.I technology, we can develop one app that can instantaneously deliver these results, saving time and effort compared to hiring a photographer and using a traditional studio.
Fig.1- Displaying the Car market data
Target Users
Mainly the B2B platforms which sells cars on their platforms
Spyne is mainly used by platforms that sell secondhand cars. They use Spyne to make the cars look great in photos, with fancy backgrounds. This helps people feel good about buying them. Normally, getting these photos would require hiring a photographer and using a big studio, which takes a lot of time. Plus, the quality of the photos can vary. But with Spyne's AI, the pictures always turn out just right
Fig.2- Displaying the onboarding of app
This represents the optimal flow of the user journey, allowing for effortless image capture and instant results without any hassle
Task Flow
Challenges
As a product designer, to design an intuitive and user-friendly interface that makes it easy for users to upload images and customise backgrounds and gets marketplace ready images in no time.
Simplicity
Making sure that the app is simple and easy to use, so that users can upload images and customize backgrounds quickly and easily, without needing advanced technical knowledge.
Navigation
Designing a clear and intuitive navigation system that allows users to easily find the features they need, such as uploading images, customising backgrounds, and editing images.
Feedback
Providing clear and immediate feedback to users, such as showing a preview of the edited image, to help users understand the results of the AI algorithm and make any necessary adjustments.
Error handling
Incorporating clear error handling and messaging, so that users are informed of any issues that may arise during the image editing process and can take corrective action.
Mobile compatibility
Ensuring that the app is compatible with both iOS and Android devices and can display images correctly on different screen sizes and resolutions.
Continuous improvement
Continuously testing and evaluating the app's usability and making any necessary updates and improvements to ensure that it meets user needs and expectations.
Fig.4- Order Processing Screen
Pain Points
These are some painpoints of these users when the get their cars images clicked by the Photographers
Cost
Making sure that the app is simple and easy to use, so that users can upload images and customize backgrounds quickly and easily, without needing advanced technical knowledge.
Time
It takes a photographer to set up and shoot the images.while a photographer can only work on one image at a time.
Consistency
A photographer's results may vary depending on their skill level, equipment, and lighting conditions.
Quality
It won’t be possible to deliver same kind of results by photographer every time.
Flexibilty
A photographer's availability may be limited.
Scale
A photographer can only handle a limited number of images.
Qualitative Research
So I conducted a user interview with a big companies who sold second hand car on internet and they hire and do manual process to click and edit market place ready images
Can you tell me about your experience selling cars online? How important are images in the selling process?
Have you ever used an app or tool to remove backgrounds from images of cars you are selling? If so, what did you like or dislike about it?
Are there any specific features or functionalities that you would like to see in an app that generates studio quality backgrounds of cars using AI?
How comfortable are you with using technology? Are you familiar with AI and machine learning?
How will this app will help you to increase the chances of selling cars?
6 How much time you think you will save by using this app?
Do you have any suggestions for the app to make it more useful for you?
Fig.5- competitive Analysis
We've aimed to make user onboarding as seamless as possible, offering a guided tour of the app's features and benefits.
Onboarding
Splash Screen
The primary interface displayed upon launching the app in its entirety.
Onboarding Screen
In this section, we will use illustrations to demonstrate the purpose of this app
Sign-in/signup screen
The sleek sign-in screen offers easy phone number login and quick account setup.
Sign in with OTP
Use Email Instead
OR
By continuing you agree to our Terms & Policy
Your Mobile Number
+91
Continue with Google
Greetings!
Please login to continue
9:41
Spyne.ai
हिंदी
English
9:41
Shoot
Snap edit and sell your goods through Store Camera
Lets get Started
9:41
On the home category page, you'll find all categories. Now, let's dive into the flow starting from the cars category.
Home and Category page
Home Screen
Our task and destination point inform users of their location and display our covered categories.
Category Section
This section displays before and after images, along with a call-to-action for background replacement
20
Fashion,T-shirts,Dresses
Apperal
Suv,Luxury ,Sedan
Automobile
Furniture
Interior,Wall painting,lamp
Food
continetal,fast food
Food
continetal,fast food
Ladies,Gents,Kids
Footwear
Ladies,Gents,Kids
9:41
Home
Pricing
Shoot
Orders
Profile
Sign in
Select Category
Shoot
Orders
Automobile
9:41
Sign in
Select Category
Shoot
Orders
Before
After
Before
After
Background Replacemnt
This process encompasses capturing photos, selecting backgrounds, generating outputs with replaced backgrounds, and delivering the final output based on the user's selection.
Capture and Choose Backgrounds
Camera screen
Choose the car category and select the number of angles for the photoshoot
Car Selection
After selecting the car type, capture the image with the car centered and obtain the output.
Background Selection
After each shoot, choose a background, confirm, and capture the next image.
Channel Selection
Upload your logo to represent that this car belongs to a specific dealer or business.
Preview
Order Preview
On this screen, you can edit all details such as background, logo, SKU details, and add additional shots
On this screen, you'll find all recently clicked images ready for output. You can make decisions and generate the photos you need.
Reshoot and Re-edit
After all shoots, users can freely reshoot images if needed.
Dark Slate
After finalizing the images, we'll review all the details
Image Processing and output
Background Preview
You can preview the processed screen here and select another background if desired
Image Processing
The AI process may take a moment. You can wait or start a new shoot.
Order Summary
This screen provides a breakdown of all used elements, with emphasis on WhatsApp for bulk B2B processing.
You'll find updates on all processing images in these sections
Post Processing and order Details
Orders
View and download all processed image orders, and easily share the output.
Update Status
Track processing and completed images for bulk and multi-category generation
We conducted user testing with major car dealers and reputable sellers in the market to gather feedback. The response was overwhelmingly positive; they were pleased with the Spyne app's performance. The results were highly accurate, giving them a studio-like experience with the cars.
User Testing
My mail Id
Sharadveersingh3@gmail.com