UX Improvement

UX
Improvement

for Rescape AI

for Rescape AI

Scope of Work

Deliverables

The Rescape AI UX improvement focuses on refining the interface for both mobile and desktop.

The Rescape AI UX improvement focuses
on refining the interface for both mobile and desktop.

The Rescape AI UX improvement focuses on refining the interface
for both mobile and desktop.

Key changes include:
• redesigning the ‘Crop’ and ‘Mask’ menus,
• making the interface more intuitive with clearer icons and buttons.

Key changes include:
• redesigning the ‘Crop’
and ‘Mask’ menus,
• making the interface more intuitive with clearer icons and buttons.

The project will deliver redesigned UI components that enhance usability and consistency across platforms.

The project will deliver redesigned
UI components that enhance usability and consistency across platforms.

The project will deliver redesigned
UI components that enhance usability and consistency across platforms.

These updates aim to reduce confusion, improve efficiency, and create a more visually appealing experience for users.

These updates aim
to reduce confusion, improve efficiency, and create a more visually appealing experience for users.

These updates aim to reduce confusion, improve efficiency,
and create a more visually appealing experience for users.

MOBILE

MOBILE

Stage 1. "Crop" menu

Stage 1. "Crop" menu

❌ The full width of a horizontal image

✔️ The crop frame fills the sides with the excluded parts

❌ The ‘Crop’ menu looks like the warning pop-up

✔️ The ‘Crop’ menu looks like the part of the interface

❌ Invisible button

✔️ Highlighted button

Stage 2. Adjustments
for vertical image

Stage 2. Adjustments
for vertical image

❌ The very narrow picture doesn’t fit

✔️ Gradually darkened edges indicate they aren't the true edges

✔️ The crop frame fills the sides with the excluded parts

✔️ The crop frame fills the sides with the excluded parts

❌ Small preview

❌ The ‘Crop’ menu looks like the warning pop-up

✔️ Wide preview, effective usage of the screen

✔️ The ‘Crop’ menu looks like the part of the interface

✔️ The ‘Crop’ menu looks like the part of the interface

Stage 3. "Mask" menu

Stage 3. "Mask" menu

❌ The text is somewhat complicated

✔️ The text is simplified

❌ Different button types are combined visually

✔️ Recognizable icons instead of the text are placed. The ‘Save’ button is separated from others by spacing and color

DESKTOP

DESKTOP

Stage 1. "Crop" menu

Stage 1. "Crop" menu

Stage 2. "Mask" menu

Stage 2. "Mask" menu

Implemented improvements

Overall, the new design successfully met project goals, enhancing user satisfaction, engagement, and efficiency.

The Rescape AI UX improvement focuses
on refining the interface for both mobile and desktop.

The Rescape AI UX improvement focuses on refining the interface
for both mobile and desktop.