landing page head.png

Story

Telling

I've got the project to create Dating website for Animal landing page. In the first execution, I gathered competitor, another related website, real user need on social media and webboard in this link:

https://docs.google.com/document/d/1co1FaY7l1MeoUEmSEBVrNOPSjueZm6gLdXmnV2nGun4/edit?usp=sharing

​

After I gather the information, I will utilize it to design later.

​

Methods: User Persona, Prototyping, High fidelity, Usability testing

Persona

I would like to know the needs and challenges from the pet owner. So I executed an interview with someone who have only one pet in their home.

persona1-100.jpg
persona2-100.jpg

User

Journey

& Design

From landing page principle, I seperate to 5 parts, Convince by Call-To-Action, Benefit, Social proof, Convince again.

Reference: https://www.leadpages.com/landing-pages-guide/landing-page-types

User Journey-100.jpg
wireframe-100.jpg
color-100.jpg
prototype desktop-100.jpg
Dating App_Page_1.jpg

For Desktop view Prototype: https://www.figma.com/proto/FiQU7SziHbrsxrjPzf8hfj/Dating-App?node-id=2%3A2&scaling=scale-down-width

prototype desktop-100.jpg
Dating App_Page_2.jpg

For Mobile view Prototype: https://www.figma.com/proto/FiQU7SziHbrsxrjPzf8hfj/Dating-App?node-id=574%3A1&scaling=min-zoom

Usability

Testing

I used remote usability testing with existing interviewees as follows:

usability test1-100.jpg
usability test2-100.jpg

Retro

spective

Pros:

  • Easy to read, Call-To-Action outstanding from the information.

  • Easy to use.

  • When putting the text "Delete account anytime" the user told me he can try to use it.

Cons:​

  • The user told me, I should add review more from many places.

Next step:​

  • I'll explore the review from other website to add to this landing page

  • Bold the "delete account anytime" word to the top of the page.