Methods
Empathising
Contextual Observation
Interviews
Generative Workshops
Synthesising
Personas
Affinity Diagramming
Ideation
Storyboards
User Journey Map
Prototyping
Testing
Usability Testing w/ Think Aloud Protocol
Overview
Who is The Landmark?
The Landmark Sydney is a luxury residential located at the St.leonards. A website was needed to provide information for buyers, and ultimately to convert traffic to leads.
My Role
My main role was UX/UI designer and motion designer, I also collaborated with a senior designer, developers and marketing team to deliver a successful experience.
Landing Page design
Scroll down to pull up the sign up form just as how users interact with the normal web pages. It will raise visual interest, create a subtle and memorable experience.
Role
UI/UX
Size
2
Client
The Landmark
Landmark Landing page
Simplify the complex structure and make it more intuitive for users to navigate through pages.
Challenges & Opportunities
Tight deadline
The website was required to be launched as soon as possible to immediately attract buyers and gain more social media exposure in the following marketing campaigns. We only had about a week to design and another week to develop.
What was the plan?
Our solution was divided into two stages:
1. An interim landing page to make visitors sign up to exchange for a marketing brochure.
2. A full website to give more information about the property in terms of facilities, floorplan, news, etc.
Key Take-aways
Delve into your resources gathered from your client before initiating research, and you will find inspirations and what can possibly make us unique.
Knowing the technical possibilities and constraints makes communication more effective.
It is important to keep a consistent brand image throughout both digital and print design.
Learnings
Landing Page Ideation
Research on ideas
We first gathered the resources and started ideation right away, then we found out that their marketing videos were stunning, which can be used to maximise our visual impact, keep visitors hooked and then increase conversion rate. So I then conducted research on visual solutions on how can we deliver a seamless experience by combining videos and sign-up functions perfectly.
The Concept
After the research, I proposed the parallax scrolling concept and made an invision prototype to explain my ideas and the mechanism, as a result, our team was happy and adopted my solution.
Full site Ideation
Consistency is the Key
In order to keep the branding and visual consistency, I decided to continue to explore more on the parallax animation on full-functioned sites.
As we progressed to the next stage of the project, a display website was required to demonstrate more information for marketing purposes. I took the responsibility as a motion designer as well to create a seamless animation.
The Prototype
The micro animation will navigate the focus point while making the site less boring
