Skip to content
Gallery
Park+ KT docs
Society homepage Revamp - Feature list D1
PdP<>Landing page comparison
Society Product Notes
Store Task Lists (Design + FE)
Recommendation algorithms
ANPR BRD and context
Search Functionality
Fuel as an SKU
Rough notes
Fastag flow KT
PRD - chassis flow
Rough work
More
Share
Explore

icon picker
Society homepage Revamp - Feature list D1

—————————————-—————————————-—————————————-—————————————-

Copy for the GV SKUs listed

⁠
https://parkplus.io/app/services/vouchers/53
⁠
⁠
⁠
https://parkplus.io/app/services/vouchers/94
⁠
⁠
⁠
https://parkplus.io/app/services/vouchers/163
⁠
⁠
⁠
https://parkplus.io/app/services/vouchers/112
⁠
⁠
⁠
https://parkplus.io/app/services/vouchers/40
⁠
⁠
Myntra
7% off
On Myntra gift voucher
Unlock fashion trends with Myntra's gift voucher!
Swiggy
5% off
On Swiggy gift voucher
Savour the taste with Swiggy's gift voucher delight

Zomato
6% off
On Zomato gift voucher
Zomato's treat: Food, joy, and flavors in one voucher!

Hamleys
11% off
On Hamleys gift voucher
Gift smiles with a Hamleys voucher. Happy shopping!

Tata cliq
3.5%
On Tata clip gift voucher
Unlock endless shopping joy with Tata Cliq's gift voucher!

Updated change after design review - product team call

we’re removing the notifications section from the menu hamburger option and moving the connect to <partner> mygate option below the my vehicle card with the redirection to <partner> flow
we are to have a TAT of 3 days, if the user doesn't connect to a partner, we’ll remove the connect to <partner> element from the homepage without any other entry point to do so

Requirement document DRAFT

1. Problem Statement:
The current Society Home lacks user engagement and relevant features, leading to a subpar user experience also, the current society users are not interacting with any other feaetures and product offerings of the app due to lack of education and nudges to use other services. The goal is to revamp the Society Home to improve user engagement, provide essential information, and introduce users to the various offerings by park+ and drive cross - selling for other services
2. Feature Goals:
Enhance the Society Home interface and user flow.
Introduce society users to different offerings by Park+ at one place.
Improve user engagement through gamification elements.
note : the homepage alerts are discarded. we’ll not be picking the alerts
Feature 1: Fetching Society Name and Flat Details
Description: The Society Home will display the Society Name as the heading and the Flat details as the subheading. The availability of Flat details will depend on different scenarios.
If Flat details addition flow is enabled, and user has added the flat details during onboarding, show the Flat details.
If Flat details addition flow is enabled, but the user has not added the flat details, prompt the user to add them. (Pulsating dot)
If Flat details addition flow is not enabled, hide the Flat details section.
If the Society Name cannot be fetched, display a static text of "My Society."

Feature 2: Alert Notifications for Vehicle Sync Status
Description: The Society Home will show alert notifications for different vehicle sync status cases, providing relevant communications to users based on their Park+ tag status.
Cases:
Tag status - Synced: "Hurray! Your car is active for seamless travel in your society."
Tag status - Not synced: "Your Park+ tag is not synced, boom barriers will not open."
Tag status - Pilot (Society not live): "Your Park+ tag will start working once the boom barrier is active."
Tag status - Inactive: "Your Park+ tag is inactive, please contact your society admin."

Feature 3: Complete Your Onboarding Element
Description: The Society Home will display a Call-to-Action (CTA) element to "Complete Your Onboarding," guiding users through various onboarding steps involving multiple services.
The element will be present until all onboarding steps are completed, after which it will disappear from the homepage screen.

Feature 4: Hamburger Menu
Description: The Society Home will have a hamburger menu with three options:
Home Icon: Redirects to the same Society Homepage.
My Vehicle Icon: Redirects to the Vehicle Detail Page.
Help and Support Icon: Redirects to the Help and Support section with a QnA format.

Feature 5: My Car Activities
Description: The Society Home will display the latest vehicle entry and exit log within the society for each user's vehicles. Each vehicle will have a clickable card with a 3-dot menu for additional options. (Same action on car card click and 3 dot menu click)
Options in the 3-dot menu: "Car Activities," "Tag Sync Status," "Car Lock," and "Replace Tag."
Tag sync status , car lock and replace tag to have a drop down to select vehicle in the bottom sheet as well as in the screen to change vehicle inside the component itself.
Car Activities Page: Displays vehicle details, grouped by date, and shows all activity logs for that vehicle.
Tag Sync Status Page: Displays vehicle details and shows sync status against each gate, indicating internet access availability.
Tool Tip Icon: Provides relevant information about tag sync status and offers a CTA to "Try resyncing." And “understood” according to the case it applies for
My Car activities
Vehicle movement - we will have a UI component with the latest vehicle entry and exit log within that society with the last updated date - this is again vehicle level and will have multiple cards with a horizontal carousel for all the vehicles for that user in that society (also the entire card is clickable) each card to have a 3 dot menu clicking on which a bottom sheet will appear with the options to 1. “Car activities” , 2. “Tag sync status” 3. “Car lock” 4. “Replace tag”
Car Activities page will redirect to the “car activities” page (new UI)
Car activites page to have the vehicle details (VRN number, brand logo and model name)
the page should be grouped by date and all the logs should be visible from all the activities for that car
one case to handle - when there is no car activity , the card will show “no car activity yet” component with no entry and exit information

Feature 5.5 : Connect to <partner>

the connect to <partner> mygate option should be below the my vehicle card with the redirection to <partner> flow
we are to have a TAT of 3 days, if the user doesn't connect to a partner, we’ll remove the connect to <partner> element from the homepage without any other entry point to do so

Feature 6: MVO - "Wrong Car Parked in Your Spot" Banner
Description: The Society Home will display an MVO (Most Valuable Object) banner alerting users if a wrong car is parked in their spot, with a CTA to "Message Car Owner" to resolve the issue.

Feature 7: Contact Directory
Description: The Society Home will have a prominent horizontal UI for the contact directory, offering quick access to society admin, security numbers, and emergency numbers. Clicking on any option will redirect users to the Contact Directory page with the selected tab.
There should be a “off” configuration to disable the contact directory element as per requirement per site and the front UI should be handled as well accordingly.

Feature 8: Bill-Payments Section
Description: The Society Home will have a section for bill payments, displaying icons for electricity bill, mobile prepaid, mobile postpaid, and FASTag recharge. Clicking on each option will redirect users to the respective landing page for payment.

Feature 9: Add Dealer Component
Description: The Society Home will introduce an "Add Your Car Dealer" component for cross-selling offerings, showing benefits upfront. Users can add their car dealer, and the card will be updated accordingly, redirecting to the My Car Dealer homepage.

Feature 10: Store SKU Carousel (Accessories for Your Car)
Description: The Society Home will display a carousel of accessories for users' cars. Clicking "View All" will redirect users to the Store homepage, and clicking on any selected category will redirect to the respective category page

Feature 11: Gift Voucher SKU Carousel (Offers for You)
Description: The Society Home will display a carousel of gift vouchers and offers. Clicking "View All" will redirect users to the GV listing page, and clicking on any GV card or "Buy Now" button will redirect to the Voucher Detail page.

Success Metrics:
Overall Page Success:
Increase in the average time spent on the Society Homepage.
Engagement Success:
Increase in the number of onboarding steps completed by users.
- CTRs on the the cross sell elements (Buy petrol, Gift voucher, Car dealer, electricity bill, mobile prepaid, mobile postpaid, fastag recharge, store)
Cross-Sell Business Success:
Buy Petrol conversions (no of users landing on society home/no of users buying petrol)
Gift voucher conversions (no of users landing on society home/no. of users buying gift vouchers)
Car dealership acquisition funnel (no. of users landing on society homepage/number of users adding car dealers for their vehicle)
electricity bills paid (no. of users landing on society homepage/no. of users paying electricity bills via that element)
mobile prepaid and mobile postpaid paid (no. of users landing on society homepage/no. of users paying mobile prepaid and postpaid recharges)
Fastag recharges happening via society homepage entry point

User Flow and Example Cases:
Fetching Society Name and Flat Details:
User Flow:
User opens the app and navigates to the Society Homepage.
The app fetches the Society Name and Flat Details based on the user's society and onboarding status.
Society Name is displayed as the heading, and Flat Details are shown as the subheading or replaced with "My Society" if unavailable.
Example Cases:
Case 1: Flat details addition flow enabled, user added flat details during onboarding.
Case 2: Flat details addition flow enabled, user has not added flat details, prompting user to add them.
Case 3: Flat details addition flow not enabled, no Flat Details displayed.
Alert Notifications for Vehicle Sync Status:
User Flow:
User enters the Society Homepage.
App checks the Park+ tag status for the user's vehicle.
Displays an appropriate alert notification based on the tag status.
Example Cases:
Case 1: Tag status - Synced, communication "Hurray! Your car is active for seamless travel in your society."
Case 2: Tag status - Not synced, communication "Your Park+ tag is not synced, boom barriers will not open."
Case 3: Tag status - Pilot, communication "Your Park+ tag will start working once the boom barrier is active."
Case 4: Tag status - Inactive, communication "Your Park+ tag is inactive, please contact your society admin."
Complete Your Onboarding Element:
User Flow:
User visits the Society Homepage.
An element with "Complete Your Onboarding" CTA is displayed.
CTA remains until all onboarding steps are completed, then disappears.
Example Cases:
Case 1: User has completed all onboarding steps, CTA element disappears.
Case 2: User has not completed all onboarding steps, CTA element remains.
Hamburger Menu:
User Flow:
User accesses the Society Homepage.
Clicks on the hamburger menu icon.
Dropdown menu with three options appears.
Example Cases:
Case 1: User selects "Home Icon," redirected to the Society Homepage.
Case 2: User selects "My Vehicle Icon," redirected to the Vehicle Detail Page.
Case 3: User selects "Help and Support Icon," redirected to the Help and Support section with QnA format.
Use Cases and Edge Cases:
Fetching Society Name and Flat Details:
Use Case: User successfully adds flat details during onboarding, and the Society Name and Flat Details are displayed correctly.
Edge Case: Flat details addition flow is enabled, but the user doesn't add flat details. The app prompts the user, but the user ignores the prompt. handling?
Alert Notifications for Vehicle Sync Status:
Use Case: User's Park+ tag is synced, and the app displays the "Hurray!" notification.
Edge Case: Tag status is inactive due to technical issues. The app fails to show the inactive status and doesn't prompt the user to contact the society admin.
Complete Your Onboarding Element:
Use Case: User completes all onboarding steps, and the CTA element disappears from the homepage.
Hamburger Menu:
Use Case: User clicks on the "Help and Support Icon" and is redirected to the Help and Support section with QnA format, finding relevant solutions to their queries.


Scope of Development:
The development will focus on revamping the Society Homepage to improve user engagement and provide essential information. It includes the introduction of features like fetching Society Name and Flat Details, alert notifications for vehicle sync status, a complete onboarding element, a hamburger menu with relevant options, and sections for car activities, contact directory, bill-payments, add dealer component, store SKU carousel, and gift voucher carousel.

Events to Track + metrics

Fetching Society Name and Flat Details:
Button/Interaction: Pulsating dot prompting users to add flat details (when flat details addition flow is enabled but not added during onboarding).
Metrics:
Click-through rate (CTR) on the "Pulsating dot" (to see how many users engage with the prompt).
Percentage of users who completed the flat details addition flow.
Alert Notifications for Vehicle Sync Status:
Button/Interaction: N/A (Alert notifications are shown based on tag status, no user action required).
Metrics:
Percentage of users who see each type of alert notification.
Complete Your Onboarding Element:
Button/Interaction: Call-to-Action (CTA) button to "Complete Your Onboarding."
Metrics:
Click-through rate (CTR) on the "Complete Your Onboarding" CTA.
Percentage of users who complete all onboarding steps (to determine the effectiveness of the CTA in driving completion).
Hamburger Menu:
Button/Interaction: Clicks on each option in the hamburger menu (Home Icon, My Vehicle Icon, Help and Support Icon).
Metrics:
Click-through rate (CTR) on each option in the hamburger menu.
My Car Activities:
Button/Interaction: Clicks on the 3-dot menu for each vehicle card (Car Activities, Tag Sync Status, Car Lock, Replace Tag).
Metrics:
Click-through rate (CTR) on each option in the 3-dot menu.
MVO - "Wrong Car Parked in Your Spot" Banner:
Button/Interaction: CTA to "Message Car Owner."
Metrics:
Click-through rate (CTR) on the "Message Car Owner" CTA.
Contact Directory:
Button/Interaction: Clicks on each contact option (society admin, security numbers, emergency numbers).
Metrics:
Click-through rate (CTR) on each contact option.
Bill-Payments Section:
Button/Interaction: Clicks on each bill payment option (electricity bill, mobile prepaid, mobile postpaid, FASTag recharge).
Metrics:
Click-through rate (CTR) on each bill payment option.
Add Dealer Component:
Button/Interaction: Add Your Car Dealer button.
Metrics:
Click-through rate (CTR) on the "Add Your Car Dealer" button.
Store SKU Carousel (Accessories for Your Car):
Button/Interaction: Clicks on "View All" or specific category options in the carousel.
Metrics:
Click-through rate (CTR) on the "View All" button and each category option.
Gift Voucher SKU Carousel (Offers for You):
Button/Interaction: Clicks on "View All," GV card, or "Buy Now" button in the carousel.
Metrics:
Click-through rate (CTR) on the "View All" button and each GV card or "Buy Now" button.
Rollout Plan:
To be discussed with operations team
Cases where Rollout Might be Required:
To be discussed with operations team

⁠
⁠

Feature list - society homepage - rough draft

Fetching Society name as heading and Flat details as subheading - this will have different cases like (flat details is a configurable flow that we can enable or disable from backend)
Flat details addition flow enabled at that society and user have added the flat details during onboarding
Flat details addition flow is enabled at that society but user have not added the flat details - need to prompt the user to add flat details
Flat details is not enabled at that society
If we can fetch Society name - then have Society name as heading without any subheading
If we can not fetch society name - replace it with a static text of “My Society”
Help and support icon with redirection to a help and support element that will have a QnA format
Alert notification for vehicle sync status for different cases
⁠
car activity strip.png
⁠
⁠
(v2) A parking slot panel where the user should be able to see the status of the parking slot, this will have different cases as well (user level)
When the flat details configuration is added and the user have not entered the flat details - we need to prompt the user to add flat details to see the parking slots - redirects to add flat details - redirects to society home (also how will this be handled on Operations level)
When there is flat details configuration is enabled the user should be able to see what are the available slots
When the flat details configuration is enabled and the there are vehicles already parked in the slot - it should the show the number of parked vehicles and the number of available parking slots against that flat
When the flat details configuration is enabled and there are vehicles parked already with the maximum number - there are no parking slots available - it should show parking slots full - redirects to society home
When the flat details configuration is not added we will not show the parking slot element at all
There has to be a “Complete your onboarding element with a CTA “complete onboarding” (user level) - multiple services involved
this will be there for any step from adding tag>>fitkit rehcarge recharge>>100mL petrol reward>>adding flat details (if applicable) >> partner flow>> Society homepage
After the user have completed all steps of onboarding this element will disappear for the homepage screen.
A hamburger menu with 3 options to select ; 1 - Home icon (redirects to the same society homepage) 2 - My vehicle icon (redirects to the vehicle detail page) 3 - Help and support icon( redirects help and support section of the app)
Notification settings panel - 1. there will be a panel where the user can select whether to receive notifications on the app or not ( an button with On and Off toggle) (this will be vehicle level)
2. connect tot <partner> entry point
Case 1 - external Partner is integrated - a “connect to <partner>” element will be visible and we’ll have the another component along with the notification toggle button
After the user clicks on connect to <partner> and finished the flow , we will change the text to “connected to <partner>”
When the user is on activated button the user should get notifications about the vehicle movement on both the external app and Park+ app
When the user is on not activated button the user should get notifications only on the external app and not on park+ app
Case 2 - external partner is not integrated - then the entire connect to partner element would not be visible and all the notifications will be pushed via Park+ app only
Notification panel to have connect to partner flow and all the activity notifications
My Car activities
Vehicle movement - we will have a UI component with the latest vehicle entry and exit log within that society with the last updated date - this is again vehicle level and will have multiple cards with a horizontal carousel for all the vehicles for that user in that society (also the entire card is clickable) each card to have a 3 dot menu clicking on which a bottom sheet will appear with the options to 1. “Car activities” , 2. “Tag sync status” 3. “Car lock” 4. “Replace tag”
Car Activities page will redirect to the “car activities” page (new UI)
Car activites page to have the vehicle details (VRN number, brand logo and model name)
the page should be grouped by date and all the logs should be visible from all the activities for that car
one case to handle - when there is no car activity , the card will show “no car activity yet” component with no entry and exit information
Tag sync status will redirect to the “Tag sync status” page (new UI)
the Tag sync status page to have the vehicle details in the top fold (VRN, brand logo and model name)
the page to have gate level<>sync status , sync status against each gate at the society and the Wifi icon to indicate the internet access availability at the gate
a tool tip icon to be incorporated as well clicking on which a bottom sheet will appear with relevant information regarding the sync status and reason for not syncing the tag with a CTA of “Try resyncing” (static action)
Car lock status will redirect to the “Car lock” flow (old UI)
replace tag will redirect to “replace tag” flow (old UI)
For vehicle 1 - the movement will be shown based on the vehicle card selected - the cards should also have a sync or not synced status mentioned in the UI on vehicle level
For vehicle 2 - the movement will be shown based on the vehicle card selected- he cards should also have a sync or not synced status mentioned in the UI on vehicle level
If there is a not synced status then how will we do this on gate level
If the card is not synced we have to give them an option of Resync my Tag -> redirecting to the resync tag flow with appropriate backend checks (to refer - my gate notification sync testing UI” )
UI could be like a pop up that comes with a request for syncing -> we are trying to update all the gates for syncing -> successfully synced
There also has to be a tool tip in this section regarding - “My tag is not working , connect with our HnS “
Example syncing error could be - internet not available at gate how to handle this???
MVO - “Wrong car parked in your spot” banner with the redirection to “Message Car owner” Flow
Contact directory - prominent component beside “wrong car parked at your spot” component- we have to get a Prominent horizontal UI for the contact directory clicking on which a drop down with the options - society admin, security numbers, and emergency number will appear .
whenever a user clicks on any of the these options, the user will be redirected to the contact directory page with the tab selected as that option (ex. if a user clicks on security number from the bottom sheet, the user will be available to see the contact directory screen with security number tab selected out of the 3)

Another section with Bill-payments and will have all the existing (cross-sell)components with different UI which include - electricity bill, mobile prepaid, mobile postpaid and FASTag recharge - we’ll show only 4 icons clicking on which the user is redirected to the respective landing page for the selected option (electricity bill OR mobile prepaid OR mobile postpaid OR FASTag recharge
Leaderboard (v2)
We will have a leaderboard card element with a prominent UI after the utilities section - with the copy “You have won <> ML Petrol till now see How you did compare to your Neighbors! “ which will then redirect to a different screen if the user clicks on the CTA “See leaderboard” on the Leaderboard card a different screen appears (wireframe) which will have the leaderboard showing exactly how it shows in “Fuel Rewards” (existing screen)
Cross sell elements with different entry points to different services provided by park+
Add dealer component - will be introducing Add your car dealer component for cross-selling of offerings with benefits shown upfront in the UI (to handle single and mutliple vehicle cases as well)
when the car dealer is not added - the Card will have the CTA of add your car dealer which redirects to the My car dealer homepage
when the user has added a car dealer - the card will get updated with the car dealer selected and the card is again clickable and it redirects to the same my car dealer homepage
Store SKU carousel (accessories for your car)
[view all click takes to Store homepage]
clicking on any selected category - should redirect to that selected category page
GV SKU carousel (offers for you section) [view all click takes to GV listing page]
[view all click redirects to All Brands page]
clicking on any GV card/buy now button should redirect to the Voucher detail page of that particular voucher

⁠
⁠

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.