Fix Your Account, The Details

Fix your account pages by following the best practices in eCommerce, user experience, and design. This checklist uses battle-tested tactics and is backed up by over 100,000 hours of research from leading research companies, such as Baymard Institute, CXL, Google and dozens of blogs.

Boost revenue per user, profitability, customer experience
The proven way

What do you get, once you improve your Account pages?

By improving your account pages, you help people to be more motivated to stick with your business, and help to increase their loyalty and happiness. In addition you improve the site’s usability, customer experience, and bottom-line profit.


→  Category  →  Product  →  Cart  →  Checkout  →  Confirmation  →


Ask as little as possible, but offer optional inputs to fill while motivating the user

Explain the benefits of filling in the account information completely. Will the user get any significant benefits or specials? Or just fill it in for your marketing purposes?!

Have the following sections covered

The site-wide pre-header

A great place where to introduce information about delivery, returns, and unique selling points! Make sure the Return policy is clear, visible, and friendly.

The site header with branding, auto-suggest search, support contacts, and main navigation

Take a look at the examples by Wunderfront. For mobile, it is essential to keep the search input open, navigation, and cart quickly accessible, and branding concise. Try also bottom navigation on mobile! Be thumb-friendly and boost conversions!

The clear page title with an option to return to the previous view

Clearly indicate the page the user is on and enable the user to return to the previous screen easily.

The My Details user inputs

Ask users for the needed data, such as full name, email, and phone. As an alternative, provide additional inputs with extra motivation to fill. For example, you can ask about: birthday, gender, likes, dislikes, or any other marketing data that can be useful for you - and offer some benefits in return (personalized suggestions, birthday surprise, priority shipping etc). Provide a clear call to action to apply and save changes. Enable users to also close their account by providing a secondary link to do so, backed up by a double confirmation.

The recently viewed products

Help the returning visitors become visitors much faster, and also consider moving this section below the Hero campaign banners for returning users (on homepage)! This an amazing opportunity to take the user to the checkout!

The pre-footer: The bottom benefits

Visually and textually remind site-wide why shop with you. Keep it super short and have 3-5 benefits visualized and communicated.

The pre-footer: The payment options

Showcase different options people can use to pay, and bet big on buy now and pay later options. Make people trust you more, and help them get products faster and more conveniently.

The site footer with bottom navigation and trust marks

The site footer is like the air you breathe in, it has to exist. Showcase trust badges/marks, top navigation items, key categories, contact pages, FAQ, About us pages, social links - and all the terms and privacy pages. And do not forget the delivery information and return handling pages! You can also use the area to acquire leads and make people subscribe to your newsletter, but there are better ways.

The bonus checklist

Provide clear UI messages on success and error, and be clear on what went well and what needs extra attention

Communication is essential, even when the user does everything correctly. Indicate success and areas where extra attention is needed.

The “please avoid” checklist

Avoid inline labels

By using inline labels, you put users under great stress, because by selecting inputs, the inline labels will disappear, and the users easily forget what the input was about!

What next?

Fuel your eCommerce site with more growth.