Personal Account Feature

The Personal Account is one of the most important elements for users in any e-commerce platform.
My goal was to design a structured, intuitive, and visually clean personal cabinet that helps users easily manage their profile, orders, payments, and preferences.

The Challenge

After analyzing existing platforms and reviewing user expectations, I realized that many personal account interfaces feel overloaded and confusing. Users often struggle to find the right information quickly — especially when it comes to orders, payment methods, or delivery addresses.
The main challenge was to design a personal account that :

simple and clear,
logically structured,
easy to navigate,
and pleasant to use daily.

I also needed to ensure that all sections are interconnected so the user does not feel lost or overwhelmed.

simple and clear,
logically structured,
easy to navigate,
and pleasant to use daily.

I also needed to ensure that all sections are interconnected so the user does not feel lost or overwhelmed.

My Process

Information Page
I started with the core of the account — the user’s personal data.   I focused on a clean layout, clear input fields, and easy editing.   The goal was to make updating personal information fast and effortless.

Information Page
I started with the core of the account - the user’s personal data.   I focused on a clean layout, clear input fields, and easy editing.   The goal was to make updating personal information fast and effortless.

My Orders
This is one of the most visited sections of any e-commerce website.   I created a structure that allows users to:
- view order history,
- track shipping,
- see payment status,
- quickly reorder past items.

I also highlighted the most important information visually so users can understand the status at a glance.

Delivery Address
To improve the shopping process, I designed a simple interface for:
- adding new addresses,
- editing existing ones,
- setting a default address.

My Orders
This is one of the most visited sections of any e-commerce website.   I created a structure that allows users to:

view order history,
track shipping,
see payment status,
quickly reorder past items.

I also highlighted the most important information visually so users can understand the status at a glance.

I minimized cognitive load by keeping only essential information on the main screen and placing additional details inside collapsible .

My Credits & Payment Cards
Managing payment methods should be easy and secure.   I designed cards in a tidy, modular format, allowing users to:
- add new cards,
- edit or remove old ones,
- set a default card for future payments.
- bonus & gift balance — a dedicated area that displays available bonus money and gift credits with a simple, readable layout.

Delivery Address
To improve the shopping process, I designed a simple interface for:
- adding new addresses,
- editing existing ones,
- setting a default address.

I minimized cognitive load by keeping only essential information on the main screen and placing additional details inside collapsible .

My Credits & Payment Cards
Managing payment methods should be easy and secure.   I designed cards in a tidy, modular format, allowing users to:
- add new cards,
- edit or remove old ones,
- set a default card for future payments.
- bonus & gift balance — a dedicated area that displays available bonus money and gift credits with a simple, readable layout.

Each block is visually separated and labeled, making the entire settings page easy to scan and quick to use.

5. Account Settings
This section brings together all functional preferences.   I included:

country of delivery,
language,
currency,
newsletter.

6. Wish List
The wish list is essential for saving items that users plan to purchase later. I designed a clean, structured grid layout that keeps the interface visually light and easy to navigate. Core actions include:

add items,
remove unwanted ones,
move items directly to the cart

Each part is organized into a dedicated block, while the dropdown menus provide a clean, space-efficient way to navigate deeper options without overwhelming the user.

add items,
remove unwanted ones,
move items directly to the cart

To enhance usability, I added a multi-action pop-up menu, which allows users to:

add to comparison
move (between lists or to the cart)
select individual items
select all products
delete selected items

These additional tools make the wish list more flexible and help users manage larger collections of saved items with ease, improving their shopping planning and overall user experience.

7. Browsing History
I added a history page to show recently viewed products.
This supports user convenience by allowing them to revisit products without searching again.
I designed it in a card layout similar to the shop grid for visual consistency.

Design Decisions
Throughout the entire design process, I followed several key principles:

reduce unnecessary details to avoid overload,
use clear visual hierarchy,
apply consistent components across all sections,
ensure the user can navigate between pages without losing context,
highlight key actions (edit, save, delete) for better usability.