A better way to connect on POrt

The Future of Private, Scalable Connections- QR codes to connect instantly

The Future of Private, Scalable Connections- QR codes to connect instantly

COMPANY

Port

Port

ROLE

Product Designer

EXPERTISE

UX Research, Information Architecture, Prototyping, Product Strategy, Visual Design.

YEAR

2023

2023

Glimpse of the final solution

Glimpse of the final solution

Weather app image
Weather app image
Weather app image
  • Weather app image
  • Weather app image
  • Weather app image

🎯Outcome

Released a novel feature into the market

Designed a novel app 0 -> 1 feature which the users didn't know they needed.

Accelerated
alpha testing by 48 hours

Through stakeholder insights was able to iterate the design for hassle free testing.

Pioneered the design direction for this feature

Pitched ideas to stakeholders and convinced the impact of certain additions like counters and limits.

💭 Defining the problem

💭 Defining the problem

🤔

How might we design a frictionless connection experience that prioritizes speed, security, and scalability—eliminating the need for phone numbers?

🛎️

Why is it

important?

🛎️

Why is it

important?

The Future of Private, Scalable Connections

Superusers—business owners, community leaders, and professionals—need to make multiple connections on the go without compromising privacy. Superport makes it seamless.

The Future of Private, Scalable Connections

Superusers—business owners, community leaders, and professionals—need to make multiple connections on the go without compromising privacy. Superport makes it seamless.

⚙️Design Deep Dive

⚙️Design Deep Dive

🕵️‍♀️ Research and Planning

🕵️‍♀️ Research and Planning

🕵️‍♀️ Research and Planning

When introducing a novel feature, we prioritized user behavior over assumptions to create a seamless experience. Our approach included:

📊 Competitor AnalysisWe studied WhatsApp, Signal, Telegram, and KakaoTalk to understand industry trends.

🗣️ User InsightsSurveys and secondary research helped us uncover how people naturally connect.

🔗 Key FindingsUsers rely on shared links to join groups or add contacts, and limiting connections creates a sense of exclusivity.

👩‍🎨 Design & Prototyping

👩‍🎨 Design & Prototyping

Building Superports required a dynamic, iterative approach that adapted to technical advancements and evolving feature goals. Our process focused on:

🔄 Rapid Iteration & Stakeholder Alignment – Multiple cycles of prototyping, pitching, and refining based on cross-functional feedback.

📊 Competitive UX Benchmarking – Analyzed industry leaders to identify whitespace opportunities and enhance differentiation.

🎨 High-Fidelity Design – Developed pixel-perfect screens while ensuring scalability within an evolving design system.

🛠️ Building Design Systems – Balanced feature finalization alongside building design systems and writing design documentations.

💡Solution

➡️ The resulting flow offered a comprehensive system where a user could initiate, customize, share and view new and existing superports. The user now as the option to set the number of connections he would like to establish with a particular superport.

  • Weather app image
    Weather app image
    COnnections screen

    when the user click the new option from the bottom nav-bar this pop up allows the user to create superports, groups or establish on to on connections

  • Weather app image
    Weather app image
    Splash Screen

    Education with an superport illustration screen for a users clicking on "create superport" button from the previous screen

  • Weather app image
    Weather app image
    Superport View

    For existing users the list of existing, exhausted superport will be displayed along with the option the "Create Superport" option

  • Weather app image
    Weather app image
    Create superport

    Customize labels, choose chat folders, set superport limits and create superport

  • Weather app image
    Weather app image
    View Exisiting SUperport

    Customizable settings allow users to tailor scheduling preferences and priorities to their unique needs.

🎯Takeaways

Embracing Uncertainty

Navigating scope changes, evolving product narratives, and tech upgrades taught me that flexibility isn’t just a skill—it’s a mindset. Iteration and feedback loops drive clarity in design.

Structure, Iterate, and Experiment

There’s no one-size-fits-all approach to problem-solving, but a structured process helps. Iterating on feedback while leaving room for creative exploration leads to better solutions.

Speeding Up Go-To-Market with Rapid Prototyping

I saw firsthand how rapid prototyping streamlined our process at Port by Numberless. By iterating quickly, securing stakeholder approvals, and launching alpha tests early, we reduced our GTM time by 3 weeks—proving that speed and adaptability drive better outcomes.

View other casse study

View case study

Setting access Controls for your contacts on Port

View Case Study

You're at the end, but there's still more to explore! 🌟

Feel free to check out my socials or grab my resume if you'd like! 😊

You're at the end, but there's
still more to explore! 🌟

Feel free to check out
my socials or grab my resume if you'd like! 😊

You're at the end, but there's still more to explore! 🌟

Feel free to check out my socials or grab my resume if you'd like! 😊

You're at the end, but there's still more to explore! 🌟

Feel free to check out my socials or grab my resume if you'd like! 😊

  • Weather app image
    Weather app image
    COnnections screen

    when the user click the new option from the bottom nav-bar this pop up allows the user to create superports, groups or establish on to on connections

  • Weather app image
    Weather app image
    Create superport

    Customize labels, choose chat folders, set superport limits and create superport

  • Weather app image
    Weather app image
    View Exisiting SUperport

    Customizable settings allow users to tailor scheduling preferences and priorities to their unique needs.

🎯Outcome

Released a novel feature into the market

Designed a novel app feature which the users didn't know they needed.

Accelerated
alpha testing by 48 hours

Through stakeholder insights was able to iterate the design for hassle free testing.

Pioneered the design direction for this feature

Pitched ideas to stakeholders and convinced the impact of certain additions like counters and limits.

🛎️

Why is it

important?

🛎️

Why is it

important?

The Future of Private, Scalable Connections

Superusers—business owners, community leaders, and professionals—need to make multiple connections on the go without compromising privacy. Superport makes it seamless.

The Future of Private, Scalable Connections

Superusers—business owners, community leaders, and professionals—need to make multiple connections on the go without compromising privacy. Superport makes it seamless.

🎯Takeaways

Embracing Uncertainty

Navigating scope changes, evolving product narratives, and tech upgrades taught me that flexibility isn’t just a skill—it’s a mindset. Iteration and feedback loops drive clarity in design.

Structure, Iterate, and Experiment

There’s no one-size-fits-all approach to problem-solving, but a structured process helps. Iterating on feedback while leaving room for creative exploration leads to better solutions.

Speeding Up Go-To-Market with Rapid Prototyping

I saw firsthand how rapid prototyping streamlined our process at Port by Numberless. By iterating quickly, securing stakeholder approvals, and launching alpha tests early, we reduced our GTM time by 3 weeks—proving that speed and adaptability drive better outcomes.