Sendoso · Navigation redesign and research practice

I created the mandate, then changed direction when the work demanded it.

A self-initiated navigation study became roadmap work. The first structure reached high fidelity, went through feedback, and was rebuilt around two clearer product contexts before a beta reached 15 customers.

RoleSenior Product Designer · Individual contributor
PositionFirst design hire at seed stage
Project3 months · Research through handoff
ReleaseFeature-flag beta · 15 June 2022
Sendoso marketplace interface with product cards
The Sendoso product surface at the time. The navigation work had to support sending, browsing, administration, finance, integrations, and team performance without turning every task into the same kind of journey.
01

I created the mandate before I redesigned the navigation.

This did not start as an assigned redesign. I began it as a research and exploration effort because the product’s navigation no longer matched the range of work customers needed to do.

The product I started from
The product I started from. Two screens of the application as it stood: the send tracker and touch creation. Every module hung off one left rail, and that rail is where the study began.

I joined Sendoso at seed stage as its first design hire and a Senior Product Designer. I was an individual contributor throughout my time there. My job was to design product work, not to manage the design team. As the team later grew past 12 designers, I sat on the interview panel for the first two or three hires.

Sendoso is a B2B sending and gifting platform. By its Series C, the company reported more than 800 global customers and more than 20,000 global users. It raised a $100M Series C led by SoftBank Vision Fund 2 and more than $152M in total funding. That growth changed the product surface. What had worked for a smaller platform had to carry more modules, more roles, and more frequent tasks.

I parsed the existing information architecture and the product roadmap into discrete actions, then used those actions to examine how people understood the product. I presented the resulting insights and potential improvements to management. The work was accepted onto the roadmap.

The important point was not that I had a navigation idea. I found a structural problem, created enough evidence to make it discussable, and earned a place for the work on the roadmap.

Once it became roadmap work, I collaborated with the Design Manager, VP Design, UX Research Lead, Head of Product, a UX Researcher, and a Product Manager. Those titles matter because the work crossed product strategy, research, visual design, and engineering delivery. The direction was shaped with the team, while I remained the hands-on designer.

02

Four user-reported problems made the existing structure hard to defend.

The problem was not simply that the navigation looked old. Users described a mismatch between the menu and the work they were trying to do.

  • Some options were unnecessary, while options people needed were missing.
  • The arrangement did not reflect frequency of use.
  • The navigation consumed a large amount of usable screen space.
  • It was not responsive or mobile friendly.

Those issues pointed to information architecture, task context, and responsive behaviour at the same time. A cosmetic adjustment would have preserved the original assumptions. The structure needed to be examined before the interface could be redrawn.

The structure underneath the complaints
The structure underneath the complaints. I marked up the existing product to separate the primary rail from what it led into, where browsing, details, and actions all arrived in the same place.
800+global customers reported at Series C
20,000+global users reported at Series C
$100MSeries C led by SoftBank Vision Fund 2
$152M+total funding raised

The three-month plan had three phases. First came observation, research, and analysis. Next came requirement gathering, user stories, and use cases. The final phase covered wireframes, the design system, and interface design across five sprints. That sequencing kept the visual work behind the information architecture instead of letting it decide the architecture by accident.

03

Sixty-nine participants turned the roadmap into nine practical groupings.

I converted the current structure and planned product work into cards. Users and internal experts grouped those actions in whatever way made sense to them.

Card-sort sample69 total participants
22Design and PM experts
12“Super senders” · power users
35Naive users

The mix mattered. Internal experts understood the roadmap and operating model. Power users knew the product through repeated use. Naive users brought fewer learned assumptions. The study was not asking one audience to stand in for all three.

Nine groupings emergedResearch output
MarketplaceCampaigns / ProgramsTeam PerformanceSend TrackerBrand ManagementAdmin PermissionsPayments + FinanceIntegrationsSending

I thought of these groupings as jigsaw pieces that research handed to design, product, and engineering for assembly. The study did not produce a menu by itself. It produced evidence about which actions people saw as related. The product team still had to decide how those relationships should behave across browsing, focused work, roles, and devices.

Synthesis, not a menu
Synthesis, not a menu. The working board held the current navigation, an internal concept, and the emerging framework side by side, with the competitive review below it. The card sort produced the groupings. It did not produce the structure.

I also reviewed Reachdesk, Alyce, Postal.io, and Snappy. The comparative analysis helped distinguish category conventions from Sendoso-specific decisions. It was an input, not a vote. The final structure had to fit Sendoso’s actions, roadmap, and customer language.

04

The first structure reached high fidelity, then went back to the drawing board.

The first direction organised the product around moving from navigation into a browse or build path.

The structural pivotVerified sequence
First structure

One broad model

NAV → BROWSE → DETAIL → ACTIONSNAV → BUILD / CREATE → PREVIEW
Rebuilt structure

Two clear contexts

Browse: NAV → FILTER → BROWSEFocused: OVERVIEW → DETAILS

I took the first structure into low-fidelity wireframes and then high fidelity. The high-fidelity work included default and minimized navigation states. That was not the end of the process. After testing and feedback, the direction went back to the drawing board.

The first structure, at high fidelity
The first structure, at high fidelity. The default state of the model that went to testing: navigation into a browse path, with campaign activity and grouping beneath. This is the work that went back to the drawing board.

I do not have the detailed test findings that triggered the rethink, so I will not reconstruct a convenient explanation after the fact. What is documented is the sequence: the first model reached high fidelity, it was tested, and the team rebuilt it around a browse context and a focused context in response to feedback.

The minimized state
The minimized state. The same first model with navigation collapsed, and campaign creation running as a full-screen step with a preview beside it. Polished enough to be convincing, and still the wrong structure.
The expensive part of changing direction was not the discarded interface work. It was accepting that polished screens had not made the underlying structure good enough.

That is the judgment I would want a hiring team to notice. High fidelity was not treated as proof. The work could move backward in visual completeness when the structure needed to move forward in clarity.

05

Browse and focused contexts gave the product a clearer backbone.

The rebuilt model separated finding and filtering from working inside a selected area.

In the browse context, the sequence became navigation, filter, and browse. In the focused context, it became overview and details. This did not claim that every product task was identical. It created two legible modes that could contain different modules without forcing all of them through the same path.

New wireframes followed. The team reviewed the structure internally, I produced a final wireframe, and the work moved into interface and visual design. The complete direction also included a before-and-after comparison and mobile treatment.

The rebuilt browse context
The rebuilt browse context. Global navigation across the top, filters down the left, and the browsable set in the centre. Finding and narrowing happen in one place instead of being spread across the journey.

The shape of the change is more useful than a polished retrospective story. The first model emphasized routes through the product. The second emphasized the context a person was in. That difference gave the interface a stronger basis for deciding what should remain global, what should be filtered, and what belonged to the selected object or task.

The final wireframe, after an internal review round
The final wireframe, after an internal review round. Status, tags, goals, region, and audience stay on the left. The send list carries recipient, campaign, goal, gift, sender, and status without moving the person out of the browse context.
Browse context

Find and narrow

Global navigation leads into filters and a browsable set of options.

Focused context

Understand and act

An overview leads into the details of a selected area or object.

The source screens for the low-fidelity direction, first high-fidelity state, rebuilt wireframes, final comparison, and mobile treatment are not included in this site package. I have kept the case study honest by showing the documented structure rather than drawing replacement product screens and presenting them as historical artifacts.

06

A responsive design system made the new structure buildable.

The navigation was one part of a broader system that had to hold from 1536 pixels down to 320.

The primary navigation moved from a 2xl desktop layout through smaller breakpoints to an xs mobile layout. The full Sendoso wordmark reduced to the “S” mark as space tightened. That behaviour was specified rather than left for engineering to improvise.

Specified at both ends of the range
Specified at both ends of the range. Logo, primary navigation, avatar, and button components drawn at 1536px and again at 320px, with the path each component had to pass through: design review, design approved, coded, code approved.
Responsive range

1536px → 320px

Primary navigation and brand treatment defined across the full range.

Interaction states

Complete, not implied

Idle, hover, focus, active or pressed, disabled, and error states.

Core components

Reusable product pieces

Avatar, navigation button, form field, pill, product card, and category card.

Implementation path

Design through code

Design Review → Design Approved → Coded → Code Approved.

The system used Tailwind-style naming such as tertiary-50, neutral-400, text-base, and text-sm. Product and category cards had defined aspect ratios and truncation rules. Those details kept the system from becoming a collection of screenshots that only worked at one width or with one length of content.

Complete, not implied
Complete, not implied. Idle, hover, focus, active, disabled, and error drawn rather than described, with the token name recorded against every colour, and card anatomy carrying its aspect ratio and truncation rules.

The state coverage mattered as much as the component list. A navigation component without focus, disabled, and pressed behaviour is not ready to hand off. A product card without truncation rules becomes a layout exception as soon as real content arrives. The system documented both.

The 320px end of the range
The 320px end of the range. Marketplace, gift configuration, review, and confirmation on a phone. Not being usable on mobile was one of the four reported problems, so the small end had to be designed rather than inferred.
07

The project also helped create Sendoso’s first usability-testing practice.

Sendoso did not have an established usability-testing practice. Design and UX research worked together on a foundation for self-service research, including reusable test-script, coding, and synthesis templates.

Two studies ran in parallel: Sender view and Recipient view. A UX researcher led them, and I consulted alongside another designer. I co-wrote hypotheses for 13 sender questions and eight recipient questions. Each hypothesis recorded a position before testing, so the team could compare what it expected with what participants did. I also ranked features as must-have, nice-to-have, or out-of-scope. That prioritization was a dependency for the researcher writing the test script.

I built the fully clickable prototype. This was a formal blocking dependency: the researcher could not run or iterate the script until the prototype existed. Testing ran on UserBrain.

The screens behind two of the hypotheses
The screens behind two of the hypotheses. Senders could customise the message attached to each gift, and choose a goal to get suggestions back. I recorded a position on both before testing rather than after.

Too many messages could create confusion.

I predicted that letting senders customise the email, landing-page message, and gift note would create too many input fields and blur what each message controlled.

Unavailable variants should not become a checkout surprise.

My preferred option was to hide unavailable sizes. I also acknowledged that showing the limitation early was better than letting a person discover it at checkout.

Sender branding gave the recipient a trust signal.

Without clear branding, the email could look like spam. The sender’s identity helped the recipient understand why the message was legitimate.

Surprise still needed enough information to feel credible.

We tested three recipient layouts. I argued that removing both the product image and name could deaden the experience and suppress address confirmation. A generic gift image could preserve surprise without making the message feel empty.

This work did not prove that one designer had all the answers. It created a repeatable way to state a position, build a testable experience, observe behaviour, and synthesise what changed. That was the foundation the company needed to begin testing more consistently.

08

Beta reached 15 customers before I left the company.

The designs were approved and handed to engineering. A feature-flag beta launched to 15 customers on 15 June 2022.

What went to the beta
What went to the beta. All Campaigns in the final interface: budget against spend, sends, team, health, and time left in one row, with low inventory and low budget surfaced as status rather than discovered later.

The team was satisfied with the initial customer response. Full rollout was planned for Fall 2022. I left Sendoso in July 2022, before that rollout, so I cannot claim post-launch adoption, retention, or satisfaction results.

That boundary is part of the outcome, not a footnote. My contribution was the self-initiated research, the navigation structure and its rethink, the responsive system, approved handoff, and the beta that shipped while I was still there.

The project is also a useful record of how I work. I can create a mandate instead of waiting for one. I can carry a direction into detailed design without becoming attached to the polish. I can state where the evidence ends. And I can turn a structural change into a component and review system engineering can use.

Next case study

Address Validation

A focused Sendoso deep dive into address confidence, recipient trust and failure recovery.

Refining the writing, not the work