Pesto alpha team is proudly launching its own Online Leather Store AnyShop. The store will sell major leather items like handbags, shoes, belts, purses and wallets.
- Authentication
- Signup
- Login
- Forgot Password
- Reset Password
- Homepage
- Category Page
- Product Page
- Cart Page
- Checkout Page
- Thank You/Order Placed Page
- User Profile
- Account Settings
- Payment Settings
- Addresses
- Past Orders
- Recently Viewed
- Other Pages
- About Us
- Contact Us
- Return Policy
- Refund Policy
- Privacy Policy
- Terms and Conditions
If user visits homepage, show login/signup popup modal
-
The user can signup using these methods:
-
Email
Fields: Name, Email, Password
-
Phone
Fields: Name, Phone Number, Password
-
Google and Facebook
Show buttons for "Continue with Google", "Continue with Facebook".
If the user authenticates using google/facebook account, then ask for name, email, phone number permissions. On successful authentication, create user account using the name, email, phone number. Also, login the user and save user token.
Notes
1.Show Login/Signup option on user's first visit.
2.After signup, login the user. But add a header bar that "Your account is not verified. Kindly verify your email/phone number".
3.Treat users signed using Google, Facebook as verified and do not show "Verify Header".
4.If email / phone is already taken (account exists), show button to reset password.
-
-
The user can login using these methods:
-
Email, Phone
Identify on backend if submitted value is valid email. If not, then it should be considered phone number.
-
Google and Facebook
On successful authentication, login the user and save user token.
-
-
[Input - Name (only on signup*)] [Input - Email / Phone] [Input - Password] [Button - Login / Create Account] [Button - Continue with Google] [Button - Continue with Facebook] -
-
Page Elements
[Input - Email / Phone] [Button - Submit]Notes
1.If email address entered and account exists with that email address, send email with password reset link and show message that we have sent a password reset link on email. If the user clicks on the link in email, take them to "Reset Password Page". Else, show error that no account found.
2.If phone number entered and account exists, send a OTP to phone numbe and change field to "Enter OTP" and button to "Verify OTP".Else, show error that no account found.
-
-
-
Page Elements
[Input - Enter New Password] [Input - Verify New Password] [Button - Submit]Notes
1.If both the passwords match and pass validation, then login the user and take them to home page.
-
-
This page will be used before the payment page. It will list all the items that are added to the cart.
For each product, give option to change product quantity. If the quantity is reduced to 0, then remove product from cart.
Allow the user to enter coupon code. The coupon will be applied to total cart value. If valid, it will be applied to cart else show error message. If coupon is added, also allow to remove coupon.
Individual Product Elements: Product Image, Name, Current Price, Actual Price, Discount amount / percentage, any coupon applied and expected delivery date.
Cart Details: Total Actual Price, Discount, Delivery Charges, Total Calculated Amount.
If user clicks on product name, image, take to the product page.
Allow the user to discard all items in the cart.
Finally, the user can choose to continue shopping or proceed to checkout.
Allow the user to export cart items. When action is initiated, download file with cart items and their details. It can be imported by the user later.
The user can generate a unique URL to the cart. This link can be used to complete the payment later or by someone else. If the cart items are changed, invalidate the URL.
-
The page will contain the following parts:
-
By default select the primary shipping address. Give option to select secondary/other addresses added by user.
Also allow user to enter a new address. If new address is added, ask customer if he/she wants to save it to profile.
-
If payment mode requires billing address( eg. CC), then show billing address. It is not required for third party payment gateways.
By default, it should be same as shipping address or if payment method is saved in profile, select the billing address associated with that payment method.
There should be a option to add billing address if it is different from the shipping address.
-
By default select the primary payment method if added.
Give option to add new payment method.
We will support Cash On Delivery. This will be displyed as a payment method. If selected, user can checkout without payment and pay later at delivery time.
When the user submits payment, redirect based on payment status. If success, take to "Order Details Page" and send order email containing order and payment details. Else, redirect to checkout page and show the error message. The customer may wish to retry payment with another payment method or by changing other fields entered previously.
We will allow user the option to choose from the different third party payment gateways that will be integrated.
We may add payment logos (card company logos, third party payment gateways logos that are integrated) to increase customer trust and reduce cart abandonment.
-
A user can have multiple profiles, and each profile can have associated shipping addresses and payment methods.
We will not be supporting live order tracking. It may be supported later.
-
It will contain user details:_ Name, Email, Phone, Gender.
The user can also update the above details.
Also list all user profiles. A profile can also be set as default profile. The user can rename, delete a profile. If deleted, also remove all associated shipping addresses and payment methods.
Also show all currencies supported and the option to set default currency.
Also give the option to update password.
-
It will contain list of all addresses saved by the user. Give option to edit and remove the address. The address needs to be attached to a profile.
If user edits the address, Show below address fields: Name, Phone, Pincode, Address(House No./Area/Street), City/District/Town, State, Country, Select Profile to attach the address to.
-
It will contain list of all payment methods saved by the user. Give option to edit and remove the payment methods. The payment method needs to be attached to a profile.
If user edits the payment method, Show below payment method fields: Name, Card Number, Valid Month, Valid Year, Card Alias, Select Profile to attach the address to. Show below address fields: Name, Pincode, Address(House No./Area/Street), City/District/Town, State, Country.
If the payment method has an associated billing address, give option to add address.
-
Show a list of all orders.
Each order will list all products in order.
Order details to show: Brief name of items, Total Price, Order Date, status (Order Placed, Delivered, Returned, Cancelled)
-
If user comes to this page when new order was placed, then show a success message that your order has been placed.
Individual Product Details to show: Product Image, Name, Price, Latest status Update Date, status (Order Placed / Delivered / Returned / Cancelled)
Order Details to show: Total Actual Price, Delivery Charges, Total Calculated Amount, Discount, Order Date, Shipping address, Billing address, Payment Method used.
Also show option to download PDF invoice.
PDF Invoice Details: Company Details, User Details, Total Actual Price, Delivery Charges, Total Calculated Amount, Discount, Order Date, Shipping address, Billing address, Payment Method used, Payment Date.
Send email on order delivery of individual product with order details.