Interface Tracing

Case Studies on iCloud & Hinge

February 2025 • Independent Project

Interface Tracing

Case Studies on iCloud & Hinge

February 2025 • Independent Project

CHALLENGE

Choose a website or app that has both desktop and mobile-sized versions of its interface. Trace as many elements as you can in Figma.

iCLOUD

Desktop Landing Page

Scroll to view. Click for more details. (In Progress)

FIG 1

Original Interface

FIG 2

Lorraine's Tracing

Process

Scroll to view. Click for more details. (In Progress)

HINGE

Match Messages Page

Scroll to view. Click for more details. (In Progress)

FIG 3

Original Interface

FIG 4

Lorraine's Tracing

REFLECTION

Key insights I learned throughout from this exercise

Design for Empowerment

Users like to feel like they are in control of the interfaces they are engaging with. It is important to allow for customization.

Iteration is Key

The key to great design is the cycle of iteration and user feedback to inform future iterations.

Keep It Simple

Sometimes the best designs come from minimalism. This may come at the cost of omitting good ideas or reimagining them for simplicity.

Brief

iCloud

Hinge

Reflection