Linkberry

Payble - Tablet Screens
Payble - Tablet Screens
Payble - Tablet Screens
Payble Framer Website
Payble Framer Website
Payble Framer Website
Payble - Mobile Screens
Payble - Mobile Screens
Payble - Mobile Screens

Category:

Mobile Design

Company:

Linkberry

Duration:

Ongoing

What is Linkberry?

Linkberry's mission is to simplify professional networking, enabling users to focus on building authentic connections while the platform supports relationship growth behind the scenes. By offering tools like reminders, suggested interactions, and personalized insights based on shared interests or goals, Linkberry helps users nurture connections over time, making networking more meaningful and impactful.

My Role

Junior UI/UX Designer responsible for supporting research and developing wireframes and mid-fidelity screens.

Bonus context: A team of three junior designers (including myself), led by a lead designer, collaborating with two developers and one project manager.

Some Tasks…

Site maps, user flows, sketches, user interviews, wireframes, creating components, sprints, mid-fidelity prototyping.

Creating component library.


Early iterations of prototype.

Identifying Unique Challenges

Professionals struggle with the complexity of event planning and attendance. Research aims to identify specific pain points and inform strategies for a more streamlined and enjoyable experience.

The Design

At the heart of Linkberry’s approach is a commitment to user-centered design, prioritizing simplicity and genuine connection. The platform’s features, from intuitive navigation to personalized insights, are crafted to guide users seamlessly through their networking journey. Each element is designed to enhance relationship-building without overwhelming, allowing users to focus on what matters most—developing meaningful connections. By continuously gathering user feedback and refining experiences, Linkberry ensures that networking feels accessible, valuable, and supportive every step of the way

Details and Features

  • Events: The heart of Linkberry, where users can create, register for, discover, and manage all their event-related activities.

  • Messaging: Communication is key to building connections, and we enhance this through GenAI, helping users achieve their networking goals more effectively.

  • Profiles: A space for users to craft personalized profiles, clearly communicating their networking aspirations and what they hope to accomplish through connections.

Currently…

Carrying out user testing, user interviews, and iterating based on feedback.


Thanks for reading!

Want to know more? Click here

(P.S. Don’t miss what’s below!)

Macbook Pro

Macbook Pro

Jason Xin

Ink Bloom

Product Overview

Ink Bloom was crafted to empower writers in achieving their goals, whether they're professionals striving for publication or hobbyists refining their skills. Writers can upload their work for critique, engage in discussions, and connect with a community of fellow writers. The platform fosters a collaborative space to hone craft, share inspiration, and celebrate a shared passion for writing.

Contract Duration

Jun 1 2024 - Jun 30 2024 (1 month)

Tools

Goal

The goal of these testing sessions is to evaluate the clarity and efficiency of our new user flows and low-fidelity prototype, identify any inconsistencies or critical issues, assess the effectiveness of the updated information architecture, and understand what users now value most about the platform

Overview

Our results can be measured on a scale from critical, major, minor, and normal.

Users struggle to engage effectively on a mobile-centric platform, as recent research shows a clear preference for a web-based experience that offers better accessibility and functionality.

Problem Statement

Heuristic Analysis and Survey of Previous Design

Conduct a heuristic analysis and user interviews of the previous design to identify usability issues, and bring any questions or concerns to the client for clarification and improvement.

Focus on Web Design

Following discussions with the client, we agreed to prioritize a web-first design approach to better align with user preferences and platform goals.

Create a Web Based High-Fidelity Prototype

Develop a high-fidelity web-based prototype, shifting from a mobile-centric approach after user surveys revealed a strong preference for a web platform.

Objective & Goals

My Process

Design Thinking Process

Empathize

Define

Ideate

Design

Test

Phase #1

*

Phase #1

*

Phase #1

Empathize

Phase #2

*

Phase #2

*

Phase #2

Define

Phase #3

*

Phase #3

*

Phase #3

Ideate

Duration: 15 Sep 2023 - 22 Sep 2023 (1 Week)

End User

Our target Audience is the Age of 18 - 60 writers.

Request Feedback User Flow

Feedback

Give Feedback

Request Feedback

User uses search bar

Selects a user

User’s profile

Request feedback

List of users

View Past Feedback

Start

Home Page

Yes

No

We conducted user interviews with approximately 10 participants to gain insights into their experiences with the current prototype. This research aimed to identify any pain points or frustrations and to determine whether users prefer a mobile or web-based platform.

Qualitative Research

Yes

No

Percentage of writers who expressed a preference for a web platform over a mobile platform

What do features do writers value the most?

Writers love the community aspect of the platform.

They appreciate receiving feedback directly from other users.

Many are also interested in mentorship opportunities with industry professionals.

Confusing web layout: UI elements were inconsistently placed, making them difficult to understand and navigate.

The hamburger menu concealed many important features, making them harder for users to find.

Users showed a clear preference for the web platform over the mobile version.

User Pain Points

Empathy Map

Says

I need a community of writers to help me improve my craft.

I want feedback from other experienced writers.

The writing profession often feels isolating and lonely.

I wish I could gather more insights to refine my writing.

Thinks

Can this platform help me find a supportive community?

I’m hoping to connect with like-minded individuals

Will the feedback quality on this platform meet my expectations and needs?

Feels

Eager to connect with like-minded individuals and share ideas.

Feels isolated due to the solitary nature of the writing profession.

Optimistic about receiving valuable feedback on her work.

Desires a user-friendly platform that doesn’t require advanced technical skills.

Does

Seeks constructive feedback to improve her writing.

Shares drafts with friends, family, and her publisher for input.

Engages in conversations with other authors, exchanging thoughts and critiques on each other's work.

User Persona

Samantha Hayes

26

years

·

Author

Creative

Hard working

Productive

Curious

Background

Samantha is a seasoned freelance author of historical fiction who values community feedback to refine her craft and expand her professional network.

Main Goal

Samantha’s main goal is to enhance her writing skills and connect with a community of like-minded individuals who share her interests and ambitions.

Technology

IT & Internet

Software

Mobile Apps

Social Networks

Goals

List of others user goals

Improve her writing skills through constructive feedback.

Build connections with a supportive, like-minded community.

Access reliable resources and mentorship opportunities to help her grow as an author.

Expectations & needs

A community hub for connecting with other writers.

Options to receive feedback from vetted, experienced individuals.

Mentorship and learning resources focused on writing improvement and career growth.

Pain points & objections

List of points of frustration that the user has encountered

Struggles to find qualified people who can give detailed, constructive criticism.

Feels isolated and wishes for a writing community she can turn to for support and advice.

Finds it difficult to locate trustworthy resources that align with her professional writing goals.

Applications friendly

List of apps she knows and likes

Phase #4

*

Phase #4

*

Phase #4

Design

Duration: 22 Sep 2023 - 29 Sep 2023 (1 Week)

90%

Preview Request

Accept

Decline

Critique

Leave comments

Overall Summary

Information Architecture

Give Critique

Options to jump between

Critique status

Give Critique

Get Critique

View requests

Filter

Get Critique

Options to jump between

Critique status

Give Critique

Get Critique

List of user profiles to get critique

Filter

Profile

About Me

Favorite Books

Writing Tags

Published Stories

Drafts

Recent Activities

Follow

Request Critique

Works for Critique

Select Work

Login/Sign Up

Account information

Sign In Options

Forgot Password

Upload Work

Select Work

Adding Work

Story Title

Body Text

Upload Work

Profile

About me

Favorite books

Writing Tags

Published stories

Drafts

Recent Activities

Follow

Request Critique

Home Page

Search

Profile

Notifications

Critiques/Feedback

Community features

Chat

Groups

Messaging

Feed

Form

Request Title

Date

Summary of instructions

Typography

Aa

Roboto

Spacing & Grids

Levels (Multiples of Four)

8px

16px

20px

24px

32px

42px

64px

72px

Grids

Desktop

982x 1512

Gutter width 24px

Margin 80px

12 Column

Type Stretch

Style Guide

Brand Colors

Semantics

Yellow

#EBDA9D

Orange

#E58666

Pink

#8A63FF

Teal

Mint Green

#C0E5D3

#C0E5D3 / #EBDA9D

#6EA0B8

Yellow & Mint Green

Blue

#3B5FBE

Success

#0FA783

AA compliant graphics

Error

#DD4642

AA compliant graphics

Black - body text

#061016

AAA compliant on white

Dark Gray - bold text

#3B4352

AAA compliant on white

Gray - Instructions

#505866

AAA compliant on white

Gray - Graphics

#838891

AA compliant graphics

Cold Grey

#CBCCCE

AAA compliant on black

Off White

#EEF2F5

AAA compliant on black

White - Background

#FEFEFE

AAA compliant on white

Primary

#0B3852

AAA compliant on white

Secondary

#E8E1FF

AAA compliant on black

Secondary - light

#F9F6FF

AAA compliant on black

Tertiary - text

#5F39D1

AAA compliant on white

Secondary - dark

#F3BED1

AAA compliant on white

Tertiary - graphics

#F3BED1

AA compliant graphics

Grays

Yellow

#EBDA9D

Orange

#E58666

Pink

#8A63FF

Teal

Mint Green

#C0E5D3

#C0E5D3 / #EBDA9D

#6EA0B8

Yellow & Mint Green

Blue

#3B5FBE

Success

#0FA783

AA compliant graphics

Error

#DD4642

AA compliant graphics

Black - body text

#061016

AAA compliant on white

Dark Gray - bold text

#3B4352

AAA compliant on white

Gray - Instructions

#505866

AAA compliant on white

Gray - Graphics

#838891

AA compliant graphics

Cold Grey

#CBCCCE

AAA compliant on black

Off White

#EEF2F5

AAA compliant on black

White - Background

#FEFEFE

AAA compliant on white

Primary

#0B3852

AAA compliant on white

Secondary

#E8E1FF

AAA compliant on black

Secondary - light

#F9F6FF

AAA compliant on black

Tertiary - text

#5F39D1

AAA compliant on white

Secondary - dark

#F3BED1

AAA compliant on white

Tertiary - graphics

#F3BED1

AA compliant graphics

Low - Fidelity Wireframe

Test #5

*

Test #5

*

Test #5

Testing Mid - Fidelity Prototype

Duration: 22 Sep 2023 - 29 Sep 2023 (1 Week)

Scale Definition

Critical: Multiple users could not complete a task. These issues are issues you

must fix before you launch your app or site.


Major: Multiple users struggled to complete a task. These issues are important

to fix before you launch your app or site.


Minor : Users completed a task but raised concerns about design choices. You

should fix these issues when time allows.


Normal : Users identified a cosmetic problem. You should fix these issues when

time allows.

Users felt unsure about what to do on this page because of the lack of clear instructions.

Users overlooked the 'Mark as Complete' button.

Enhanced clarity by using a highlighted illustration.

Consolidated all information in the header, allowing users to focus on the main task below.

The 'Mark as Complete' button was relocated to follow the natural reading pattern from top-left to bottom-right, making it more visible and easier for users to find