Social Radar
​Creating a network based on people's location in real-time.
.png)
.png)
Social Radar is a location based networking app that will be launched in Sydney.
​
Through artificial intelligence, Social Radar creates scores for matches with nearby users available for a face-to-face meeting. This way, it is easier to connect with real people without needing prior planning, whether for personal or professional networking.
OVERVIEW & GOALS
For this project I was hired as a UX/UI designer to create the landing page and application interface. The research had already been conducted by the founders and with the initial timeline of 5 weeks, the deadline for the pitch deck to raise funding, we prioritized the creation and development of the landing page.
​
Unfortunately, in the third week, the project was halted due to budget and human resources constraints. We are currently awaiting the resumption, to continue the creation and development stages of the application interface. Real world!
​
So, I'll share the landing page with you!
Role
UX/UI Designer
Scope
2 week design sprint
Landing Page
Tools
Pen & Paper
Figma
Canva
My brain!
Project Type
Client project
WHY & HOW
Why did we need a website?
First, what would it be like for you to be the first to access LinkedIn? No one there to connect. It wouldn't make any sense. So, before launching the application, we needed registered users willing to use it.
​
Why do we choose a landing page?
Without multiple pages, the design can be simplified and organized. This concentration of content favours visual hierarchy, making essential elements more prominent and persuasive.
​
How?
Our landing page was designed to group what is essential and therefore, we divided it into 4 large sections:
-
Head: to introduce the producer and capture the user for the waiting list;
-
Benefits: where we present to the user the advantages of using our product over others on the market;
-
Social Proof: a section dedicated to identifying with other people and encouraging adherence through examples;
-
How it works: providing the user with an understanding of the tool and what to expect, in a transparent relationship that encourages reliability.
Why and What?!
The opening sentences aim to demonstrate to the user the main benefit offered and what the product is, in a playful but clear way.
Our hero!
Even though the product didn't exist yet, we knew its features and wanted to show it in a real-life context, helping visitors imagine themselves as our users.
​
Furthermore, faces attract attention and empathy, so I opted for a photograph instead of an illustration or just a cell phone screen.
Benefits...
Here we make clear what we have to offer and our differences as a USP.
Social Proof
This is a powerful cognitive bias, as we tend to trust other people.
As we do not have real users to enter testimonials, different personas were created to identify with the potential user.
How it works...
A more in-depth description of how the app works and what to expect from the product.
Call to action!
To persuade a visitor to become a Social Radar user (and not lose work throughout the page), I used a combination of font and design to ensure there is a CTA in the final section of the page, prominently but still within of the context.
Mobile version
We chose to develop a specific version for mobile instead of simply making the content responsive, without considering the different perspectives of users when accessing them on these devices.
Our slogan!
The impact phrase gained even more prominence, while the image brought together information that was previously more dispersed on the page: strengthening the concept of network and connections, in addition to reinforcing the brand.
Social Proof
We pulled up the social proof section, adapting the content to horizontal scrolling to preserve vertical space, reducing scrolling time.
How it works...
Informing the user about how the application will work in practice so that they can learn about the product and become familiar with the functions was among the priorities for the mobile version.
​
This section is essential for conversion and requires a delicate balance between being explanatory, engaging and succinct enough.
The use of cheerful colours and rounded shapes to bring relaxation and comfort at the same time is the result of strategic thinking that combines colour theory and contour bias.
Call to action!
Even with a shorter and more objective page, the ending with the call to action was maintained. This way, the user can sign up without having to go back to the top of the page (and without the risk of losing them to distraction).
Reflection & Outcomes
As mentioned previously, the project has been paused indefinitely. This directly affects the analysis of the results, despite having already presented the strategies that supported this design in the solution logo.
Still, there is room for reflection: how difficult it is to undertake and how many limitations the real world can impose throughout the development of a project.
This experience was of fundamental value to my understanding of entrepreneurship in the Australian market, the fast pace of work in start-ups and the frustrations that affect us even if the factors are not under our control. This is something that I will take with me to my next projects, in addition to the hope that I will soon be able to return and contribute even more to the development of Social Radar.
