OTTERLOON

OTTERLOON

OTTERLOON

OtterLoon Logo
OtterLoon Logo
OtterLoon Logo
OtterLoon Mockup
OtterLoon Mockup
OtterLoon Mockup
OtterLoon Hero Mockup
OtterLoon Hero Mockup
OtterLoon Hero Mockup

THE PROBLEM & IDEOLOGY

Professional networking is driven by optics and idealism, not connection.

As a result:

Profiles are overly curated, romanticized, and inauthentic.

Professionals rarely respond to outreach messages.

People only network when they want something.

We wanted to build the anti-LinkedIn, and didn't want to end up soulless. Our one core rule:

No feature would exist unless it directly supported intentional, meaningful connection.

A TRICKY UX ISSUE

Good design is validated through research. But what happens when months of it gets wiped?

One thing survived: our team's groupchat. So I treated our conversations like artifacts.

The closest thing to the raw research, is how we processed it and made decisions from it.

(1) RESUME/PORTFOLIO PROFILE

Our goal was to let people present themselves in a way that feels human, real, and useful.

Meaning, ditching any standardization in the profile page and letting users tell their own story. We ideated the following modules:

Resume elements: work experiences, education, projects, certifications, & more.

Portfolio elements: file uploads, links, & image galleries to create case studies.

Prompts: open answers to questions about professional journey, inspired by Hinge.

Contact Card: connections can flourish into the real world after anonymous matching.

"Most candidates we interviewed really like the premise of OtterLoon for the ability to express themselves beyond the resume and through prompts."

Prompts, specifically, laid the groundwork for the creation of unique profiles that are actually worth users' time to read.

MODULES

Education Module
Education Module
Education Module
Certification Module
Certification Module
Certification Module
Experience Module
Experience Module
Experience Module

PROMPTS

Prompt Module 1
Prompt Module 1
Prompt Module 1
Prompt Module 2
Prompt Module 2
Prompt Module 2
Prompt Module 3
Prompt Module 3
Prompt Module 3

CONTACT CARD

Contact Card Iteration 1
Contact Card Iteration 1
Contact Card Iteration 1
Right Arrow
Right Arrow
Right Arrow
Contact Card Iteration 2
Contact Card Iteration 2
Contact Card Iteration 2
Right Arrow
Right Arrow
Right Arrow
Contact Card Iteration 3
Contact Card Iteration 3
Contact Card Iteration 3
Right Arrow
Right Arrow
Right Arrow
Contact Card Iteration 4
Contact Card Iteration 4
Contact Card Iteration 4

(2) JOB SEARCH & GAMIFICATION

Our original assumption is that we needed both job search & networking in a successful MVP.

We planned to reinvent job search with cognitive metrics that give insight into how people think, and orchestrate ideal culture fits.

How? Specially designed daily minigames that weren't just fun, but actually served a purpose.

“If users can’t trust the games, we can’t launch with them.”

"But you're proposing such transparency in metric collection that exposes our back-end. People will cheat."

"Our interviews show college students will only play if it helped them get jobs, otherwise it's wasting their time."

“Transparency helps candidates, but hurts trust with recruiters. That trade-off destroys the value prop.”

Games & metrics were crucial to differentiating ourselves in job search. We were at an impasse.

We decided to move job search to our R&D backlog to focus the MVP on connection through networking, not evaluation through games.

Metrics Sketch
Metrics Sketch
Metrics Sketch
MVP Simplification Mockup with Sketches Overlay
MVP Simplification Mockup with Sketches Overlay
MVP Simplification Mockup with Sketches Overlay

(3) Intentional Discovery

Now, every design decision was about improving the interactions causing authentic networking.

We reframed our language. On LinkedIn, "connections" are an arbitrary friends count. On OtterLoon, we were facilitating "matches."

We iterated the following interactions:

Heart-Drag: leverage the modularity for people to like specific profile elements.

Swipe Elaborations: prompting emphasizing why or why not for matching kickstarts conversations and gathers app feedback.

See Who Likes You: a detailed means of responding to match outreach.

"One tester said 'testing these interactions, I understood the person behind the profile better than any LinkedIn profile today. I want people to see my profile that way.'"

Heart-Drag Interaction Gif Mockup
Heart-Drag Interaction Gif Mockup
Heart-Drag Interaction Gif Mockup
Swipe Elaboration Mockup with Sketches Overlay
Swipe Elaboration Mockup with Sketches Overlay
Swipe Elaboration Mockup with Sketches Overlay

HIGH-FIDELITY MVP

After months of pivots, stripped-back scope, and design debates, we approached a final MVP that captures the essence of OtterLoon:

A human-first platform for authentic, intentional professional connection.

OtterLoon Profile Mockup
OtterLoon Profile Mockup
OtterLoon Profile Mockup
OtterLoon Messaging Mockup
OtterLoon Messaging Mockup
OtterLoon Messaging Mockup
OtterLoon Networking Mockup
OtterLoon Networking Mockup
OtterLoon Networking Mockup
OtterLoon Hero Mockup
OtterLoon Hero Mockup
OtterLoon Hero Mockup

FINAL THOUGHTS

Ultimately, OtterLoon was always about cultivating an atomic network of genuinely curious professionals.

We ultimately didn't launch due to lack of resources, and the CEO wanting to go in another direction.

Nonetheless, I’m proud of what we proved:

The future of networking doesn’t need to feel like networking.

MORE PROJECTS

MORE PROJECTS

MORE PROJECTS

View the range of digital design work I've done across mobile and web.

© 2025 jacobstarr.work. All rights reserved.