Customised date picker

Elina Kim

UX Designer
Product Designer
UI Designer
Figma
Hotjar
Mixpanel
JamesEdition
Role: Product Designer
Goal: To create a feature on the Seller Dashboard (Real Estate category) allowing sellers to manually customise the date range for their account statistics report and improve the export flow.
Timeline: 3 weeks
Tools: Hotjar, Mixpanel, Miro, Figma

1. Intro

JamesEdition is the world's largest luxury marketplace, serving the needs of high-net-worth individuals in life's most valuable transactions. People come to JE in the pursuit of luxury real estate, private jets, yachts, watches, extraordinary items and experiences in a catalog of more than 200,000 of the best listings from thousands of sellers worldwide.

2. Market research

The claim

Regular account performance reporting in a seller dashboard is a critical component that helps inform strategic decisions, improve efficiency, and drive growth.

The problem

All real estate firms featured on JE require performance reports regularly, encompassing daily, weekly, monthly, quarterly, and annual intervals. However, the export options on the dashboard were limited to predefined periods, with no opportunity for manual setting, which eventually affected the sellers reporting accuracy and made a half of the options the least clickable. Furthermore, both before and after the download, there was an absence of complete / incomplete action confirmation.
Previous date range selection options for CSV export and data projection on dashboard
Previous date range selection options for CSV export and data projection on dashboard
Number of clicks per option on dashboard
Number of clicks per option on dashboard

3. Flow

CSV report export flow
CSV report export flow

4. First designs

First designs of the date picker were still raw and incomplete. Come of them were missing the previous predefined quick options that allowed to project and export data in one click. The one with those options didn't have a good visibility of the components.

5. Final design and prototyping

Informed by user research insights, the decision was made to implement a feature-rich date-picker with extensive quick selection options and manual time range selection capabilities. Moreover, the inclusion of confirmation messages for date selection and export outcomes, both successful and unsuccessful, was planned to enhance user awareness of the results.
Final date picker design
Final date picker design
Export confirmation popups
Export confirmation popups

6. Colours and fonts

Partner With Elina
View Services

More Projects by Elina