• UX Research
  • Product Strategy
  • Prototyping
  • Community

ARM Community Redesign

Research, product strategy, and responsive prototyping for an established member portal and community ecosystem.

Timeframe
Jan–Aug 2025
Role
Product Design Lead · Capstone
Contribution
Led the cross-functional redesign, synthesized research into requirements and a feature roadmap, and delivered an implementation-ready responsive portal and design system.
Chapter 01 Project brief

Redesigning how ARM members find opportunities, resources, and one another.

ARM already had a live member portal serving a network across industry, government, and academia. Our capstone team was asked to examine the wider member experience and propose a more useful path into participation.

As Product Design Lead, I led the redesign effort, translated research into requirements and a feature roadmap, and helped deliver a responsive prototype and design-system foundation. The work was handed to the ARM client team for implementation planning.

Scope-setting visual around the existing portal, showing project calls, project outputs, and directory as three priority workflows
The portal scope focused on three workflows around the existing member product: project calls, project outputs, and directory.
Chapter 02 Ecosystem context

One portal had to support several kinds of member value.

Members joined ARM to stay current on robotics, meet collaborators, find project funding, and develop professional capability. Those goals overlapped, but they did not produce one universal portal task.

The design challenge was therefore broader than navigation. The portal needed clearer entry points for members arriving with different goals and different levels of familiarity with the organization.

Diagram connecting industry, government, and academia around the ARM Institute
ARM connects industry, government, and academia inside one membership ecosystem.
Four research themes: staying updated, networking, finding funding, and professional development
Research covered several definitions of member value rather than one universal task.
Chapter 03 Research structure

We treated member differences as part of the product problem.

The research sample intentionally spanned sector, organization size, industry, membership level, tenure, and location. Members varied in what they knew, what they needed, and how easily they could find relevant paths into ARM.

We used interviews, survey synthesis, experience mapping, concept generation, and prototype evaluation across the project. The ideation wall shows the breadth of early responses before concepts were grouped and compared.

Overlapping dimensions of sector, organization size, industry, membership level, tenure, and location
The sample varied across sector, organization size, industry, membership level, tenure, and location.
Cropped wall of sketches and synthesis artifacts during team ideation, with people and personal notes excluded
Ideas and research themes were reviewed together before the team narrowed the product direction.
Chapter 04 Synthesis

Three barriers described the same gap from different angles.

The team research synthesis grouped findings around portal indifference, limited awareness of available resources, and difficulty connecting with other members.

We treated these as connected design signals, not separate feature requests. The working hypothesis was that clearer paths into resources, opportunities, and people would make the portal more useful for members arriving with different levels of context.

Three qualitative research signals covering portal usefulness, awareness of resources, and networking difficulty
Portal indifference, missing guidance, and connection barriers pointed to related design problems.
Chapter 05 Reframe

The question shifted from portal usage to participation.

The project reframe was to help members find belonging, resources, and ways to engage. From there, the team defined three principles: make trust signals visible, support relationship-building, and create more equitable entry points for members without existing context.

Those principles translated into specific interface choices: clearer status, structured detail, visible next actions, guided entry points, and better context around people and projects.

Design principles of trust, relationship building, and equity connected to product responses
The reframe became three concrete design principles: trust, relationship-building, and equity.
Three project pillars represented as relationship building, trust, and equity
The project’s public artifact expressed the same three pillars in its own visual language.
Chapter 06 Divergence

Concepts were compared before the team committed to a product direction.

The team explored multiple concepts for information access, member connection, mentorship, and project participation. The public evaluation artifact compares concepts across user desire, technical feasibility, and financial feasibility.

The comparison gave the team a shared basis for discussing which concepts to prototype in more depth before narrowing the product direction.

Concept-evaluation chart comparing desirability, technical feasibility, and financial feasibility across prototype ideas
Concepts were compared across desirability and feasibility before the team narrowed its focus.
Chapter 07 Convergence

The portal work narrowed to three workflows and three system levels.

For the portal redesign, the team selected Project Calls, project outputs or CDIP, and Directory. Together they covered opportunity discovery, knowledge discovery, and people discovery while sharing navigation, filtering, status, and structured-detail patterns.

Iteration happened at three levels: the end-to-end project-call and CDIP flows, the ordering of global navigation, and the information architecture used to make essential material searchable and visible. The running prototype directory here shows the built result: active and closed calls separated, with status on each card.

Three portal workflows connected by shared interface patterns
Three workflows created enough breadth to define a reusable portal language.
Three levels of prototype refinement: project call flow and CDIP, navigation, and information architecture
Iteration was organized at workflow, navigation, and information-architecture levels.
Project-calls directory in the running prototype: active and closed calls as cards with status pills and a go-to-call action
The built prototype directory: active and closed calls separated, status on each card, action at the point of comparison.
Chapter 08 Two directions

The final concept paired portal utility with a smaller community model.

The project presented two connected directions. The redesigned portal addressed information structure and key member tasks. ARM Guilds explored smaller, interest-led groups for mentorship, exchange, and ongoing participation.

Keeping both directions made the distinction explicit: finding information and forming relationships were related problems, but they required different product responses.

Final directions showing a redesigned member portal with an anonymized greeting and the ARM Guilds concept
The project converged on two connected directions: portal redesign and ARM Guilds.
Chapter 09 Portal workflow

Project calls show how the system turned dense information into a sequence.

At the directory level, active and closed calls are separated and status appears directly on each card. A member can compare opportunities before opening a full record.

The reconstructed flow shows the intended sequence: browse calls, scan fit and status, read the timeline, review requirements, then submit. Each step corresponds to information visible in the public project screens and prototype route.

Redesigned project call directory showing active calls and visible status labels
The directory makes call status visible at the point of comparison.
Five-step project call flow from browsing to submission
The workflow keeps status, fit, timeline, requirements, and submission in one sequence.
Chapter 10 Detail design

The detail page keeps requirements, deadlines, and action in view.

The project-call detail view separates content into tabbed sections for topic areas, eligibility, funding, participation, and resources. A right-side timeline keeps dates visible, while the proposal action remains attached to the same decision context.

The change moves key dates and section structure out of a long undifferentiated page and into visible interface components. Members can see the shape of the call before reading every section. The second image is the same page in the running prototype.

Project call detail page with tabbed sections, persistent submission action, and visible deadline timeline
Tabbed requirements and a persistent timeline reduce the need to search through a long call description.
Project-call detail in the running prototype: tabbed sections for topic areas, eligibility, funding, participation, and resources, a right-side deadline timeline, and a persistent submit-proposal action
The built call-detail page: tabbed sections, a persistent deadline timeline, and the submit action kept in the same view.
Chapter 11 Community concept

Guilds gave relationship-building a smaller operating unit.

The guild concept begins with members distributed across a large network. Shared interests create a smaller group, guild leaders support continuity and mentorship, and the ARM team supports the program and receives community signals.

The guild concept was presented as a direction, not a production feature, showing how the team translated the research theme of belonging into a service and participation model beyond the directory itself.

Separate member groups shown before forming a guild
The guild concept starts with members distributed across the wider network.
Guild participation model connecting members, guild leaders, and ARM administration
Members, guild leaders, and the ARM team each have a distinct role in sustaining a guild.
Chapter 12 Handoff

The final prototype carried the research logic into reusable implementation patterns.

The prototype contains Next.js and TypeScript views for project calls, proposals, project outputs, member and organization directories, events, articles, webinars, and the member guide. Shared navigation and interface components connect those routes into one prototype system.

The responsive prototype and design-system foundation were delivered to the ARM client team to support an update to the existing member product.

Handoff sequence from research requirements through responsive workflows, reusable components, prototype routes, and client delivery
The handoff connected research requirements to a responsive prototype and reusable implementation patterns.