Pinhome

Increase visibility of the promotion on Pinhome Custumer Website

角色

Product Designer

描述

Pinhome is a pioneering digital platform focused on providing comprehensive services for buying, selling, and renting properties, as well as offering household services

Executive Summary

The project was successfully deliver for promotion external partnership to increase visbility and hygiene external promotion collaboration with Marketing, Engineer, and Project Manager.

Background Story

Marketing team is currently setting up partnership with external company to give promotions for primary listing transactions made in Pinhome Website.

Problem: Visbility Promotional Page

Together with Senior PM, we managed to identify one of the problem from external partnerhsip before was there's no visibility of the promotions offered in Pinhome Webiste.

Objective: Increase Visbility of Promotion Page

Main objective of this project to increase visbility promotion page with:

Ensure that user knows promotional page location on Pinhome Website.
User could read and familiar with the promotional page.
Ensure that engineers could develop with existing pattern.

Challenges: New Design Pattern and Collaboration Function

The challenge was to create a new multi-purpose design page and collaborate with the Marketing Team, Project Managers and Engineers.

All external promotion previously placed on the Blog.

Findings: Extra Step to See Promotional Page

One of the learnings from partnership with external partnership was there's no visibility of the promotions offered in Pinhome Website.

This is because the external promotional page was in Blog before, so user didn't recognize the promotional page.

One of the learnings from partnership with external partnership was there's no visibility of the promotions offered in Pinhome Website.

This is because the external promotional page was in Blog before, so user didn't recognize the promotional page.

Due Extra Step by See = No Visibility

From our entry point, users need to click Blog>promo terkini>promo to see entire promo, include external promotion. There are 3 steps to see promotional page.

From these learnings we are finding was there's no visibility of the promotions offered in Website.

From our entry point, users need to click Blog>promo terkini>promo to see entire promo, include external promotion. There are 3 steps to see promotional page.

From these learnings we are finding was there's no visibility of the promotions offered in Website.

How might we ensure that user knows promotional page location on Pinhome Website?

Changes Entry Point in Pinhome Website

The problem was all the promotion is in Blog. So, we make sure the promotional page has vibility to user with banner promotional on Homepage as entry point.

How might we made users could read and familiar with the promotional page?

Benchmark: Familiar Pattern but Not Similiar

After user click the promotional banner, what are users expectation from promotional pages? I'm benchmarking from and here is the content of promotional page:

Banner
CTA
Description (Terms and Condition, Timeline, About Promo, and etc.)

After user click the promotional banner, what are users expectation from promotional pages? I'm benchmarking from and here is the content of promotional page:

Banner
CTA
Description (Terms and Condition, Timeline, About Promo, and etc.)

How might we ensure that engineers could develop with existing pattern.

Oh Moment!: Familiar Pattern With Ours

After benchmark with others, i have seen this pattern before on our product. So, i try to combine my result of benchmark and our existing pattern product. On other side, the main goals to makes it easy engineer's works with existing component.

Deliver: Multi-purpose Promotional Page (Desktop)

Header

KV: Configurable
Content: Configurable
Able to show bold, italic, different headings, bullet points/numbering

Body
- Content: Configurable
- Able to show bold, italic, different headings, bullet points/numbering
- Able to show image
Promo Carousel
- Fixed Position
- Exactly the same as homepage carousel website
CTA
- Copy: Configurable
- Redirection: Configurable
- Sticky, when scrolled position stays
Share container
- WhatsApp: when clicked, direct users to WhatsApp
- Copy: when clicked, copied link
- Sticky, when scrolled position stays

Header

KV: Configurable
Content: Configurable
Able to show bold, italic, different headings, bullet points/numbering

Body
- Content: Configurable
- Able to show bold, italic, different headings, bullet points/numbering
- Able to show image
Promo Carousel
- Fixed Position
- Exactly the same as homepage carousel website
CTA
- Copy: Configurable
- Redirection: Configurable
- Sticky, when scrolled position stays
Share container
- WhatsApp: when clicked, direct users to WhatsApp
- Copy: when clicked, copied link
- Sticky, when scrolled position stays