Siyan Kwon.
← Selected work

NORTHEASTERN UNIVERSITY / FINANCE SERVICES

Make finance services
easier to find and use.

I led the experience redesign of a 504-page finance website, connecting content cleanup, task-based navigation, and reusable page patterns into one service experience.

MY ROLE
Lead experience designer
Research, UX/UI, and design strategy
PROJECT
July–October 2019
Initial release: January 2, 2020
PARTNERS
Product, content, Engineering,
creative, and finance leadership

THE CASE IN ONE MINUTE

Fix the content model, then the interface.

I connected a 504-page audit to three delivery decisions: consolidate information, organize around tasks, and make page patterns reusable.

EVIDENCE

504 pages / 35 broken links

The audit made content quality and structure part of the redesign problem.

DESIGN

Content → navigation → patterns

Research and working artifacts support the decisions shown below.

DELIVERY

Launched January 2020

Reported satisfaction rose from 42% to 81%; measurement context appears with the results.

See the navigation decision ↓

The content grew. The structure did not.

Faculty and staff relied on the finance division’s website to find guidance and complete work. The audit found outdated information, confusing navigation, and overlapping content. Users had to interpret the organization before they could find the service they needed.

504HTML pages in the original system
35Broken links identified
20%Overlapping content reported

Build the experience around the user’s next task.

I combined the website and content audit with focus groups, usability testing, and satisfaction research. These inputs connected the structural problems to user needs and informed three priorities: reliable content, understandable navigation, and a maintainable system.

01 / TRUST

Make the information reliable.

Merge overlapping material, update content, and connect related information through links.

Content decisions ↓
02 / FIND

Organize around tasks.

Use user requirements and process flows to shape the information architecture and entry points.

Navigation decisions ↓
03 / CONTINUE

Make the next step clear.

Use consistent page hierarchy, navigation components, and HTML guidance to support the journey.

Page-pattern decisions ↓

PROJECT EVIDENCE

From audit findings to design priorities.

The site and content audits made the structural issues visible. I used these findings to connect the redesign priorities to specific problems in the existing experience.

Site audit / Navigation and performance findings.
Site audit / Navigation and performance findings.View full size ↗
Content audit / Gaps, duplication, and discoverability.
Content audit / Gaps, duplication, and discoverability.View full size ↗
More research: focus groups and SWOT analysis
Focus groups / Research questions and feedback.
Focus groups / Research questions and feedback.View full size ↗
SWOT analysis / Framing the opportunities.
SWOT analysis / Framing the opportunities.View full size ↗

Give partners a shared direction for the redesign.

I led experience design from audit through delivery and presented research insights and design updates to the finance division’s senior leadership. The PM supported SWOT analysis and usability testing; content, Engineering, and creative partners helped develop and deliver the experience.

I produced wireframes, prototypes, final UX specifications, and development documentation, then continued quarterly performance review and refinement after launch.

PROJECT EVIDENCE

Align priorities around the people using the service.

Workshop materials, audience needs, and persona work connected the team’s discussion to concrete user tasks.

Workshop / Identifying priorities together.
Workshop / Identifying priorities together.View full size ↗
Audience needs / Mapping support needs.
Audience needs / Mapping support needs.View full size ↗
Persona / Grounding the experience in a user context.
Persona / Grounding the experience in a user context.View full size ↗

Consolidate the information before reorganizing it.

The source material identified duplicate and outdated content as a core problem. I merged and updated overlapping information, using cross-links rather than repeating content across pages. Converting informational PDFs to HTML also made guidance discoverable within the site.

STARTING POINT

Repeated pages.
Disconnected guidance.

Overlapping information and document-based content added effort to finding the right answer.

DESIGN DIRECTION

Consolidated content.
Connected next steps.

Updated information, contextual cross-links, and HTML guidance support the same user journey.

Let tasks shape the navigation.

I introduced task-based navigation to organize content around user requirements. Journey mapping and sitemap work connected the navigation structure to the steps people needed to take, rather than asking them to understand finance’s internal functions.

Earlier structure / Review the hierarchy and entry points.
Earlier structure / Review the hierarchy and entry points.View full size ↗
Revised structure / Follow task-based entry into service content.
Revised structure / Follow task-based entry into service content.View full size ↗

STRATEGIC CHOICE

Service discovery starts with the user’s question.

The redesign shifted from a function-driven structure toward a user-centered experience. Task-based entry points and related links carried that direction into the interface.

PROJECT EVIDENCE

Make the user journey visible before defining the structure.

Task flows and journey mapping provided a lens for organizing content. The grouping artifacts show how service areas and page relationships were explored.

Task flow / Creating a new contract.
Task flow / Creating a new contract.View full size ↗
Journey map / Steps, touchpoints, and friction.
Journey map / Steps, touchpoints, and friction.View full size ↗
Information structure / Exploring page relationships.
Information structure / Exploring page relationships.View full size ↗
Content grouping / Organizing service areas.
Content grouping / Organizing service areas.View full size ↗
Original strategy and supporting architecture work
Original redesign strategy / From functions to user needs.
Original redesign strategy / From functions to user needs.View full size ↗

Make pages easier to scan and continue from.

I used clear headings, prominent calls to action, and navigational components to make text-heavy information easier to scan. Reusable layouts and guidelines gave related pages a consistent structure while accommodating different finance services.

This supported both the user’s next step and the longer-term need for regular, relevant content updates.

Task-based service entry.
Task-based service entry.View full size ↗
Detailed guidance and supporting information.
Detailed guidance and supporting information.View full size ↗

PROJECT EVIDENCE

Turn the structure into a reusable interface system.

Wireframes and design guidelines made the intended hierarchy and shared page patterns concrete for delivery.

Wireframes / Connecting page types and components.
Wireframes / Connecting page types and components.View full size ↗
Design guidelines / Typography, color, and interface patterns.
Design guidelines / Typography, color, and interface patterns.View full size ↗

Check the structure—and the language people use.

Concept validation and usability testing informed the design before development. Feedback supported the clearer organization and consistent presentation, while also exposing problems with terminology and where users expected to find tools.

WHAT THE FEEDBACK SUPPORTED

A clearer structure.

Participants described the organization as clear and found headings and tabs helpful for scanning. The “How Do I…” entry resonated as a way to start a task.

WHAT STILL NEEDED ATTENTION

Language and tool discovery.

Some participants missed tools in the top navigation and expected them within the task entry. Feedback also called for headers phrased from the user’s perspective.

PROJECT EVIDENCE

Use testing to expose what the design still needed.

The original testing record captures both the strengths of the structure and the remaining gaps in language and discovery.

Usability testing / Tasks and analysis.
Usability testing / Tasks and analysis.View full size ↗
Feedback / What worked and what needed attention.
Feedback / What worked and what needed attention.View full size ↗
Additional usability-testing documentation
Usability-testing plan and observations.
Usability-testing plan and observations.View full size ↗

A released service with a feedback loop.

The initial release launched on January 2, 2020. The original case study reports customer satisfaction increasing from 42% to 81% after launch. I continued reviewing and refining website performance quarterly.

REPORTED CUSTOMER SATISFACTION

42% → 81%

A 39-percentage-point increase.

The source reports testing with target users, but does not specify the survey sample or measurement window. This is a project-level outcome from the team’s work.

PROJECT EVIDENCE

One system, across different finance tasks.

The delivered pages applied a shared visual language across service discovery, guidance, and forms.

Finance overview / Consistent entry points.
Finance overview / Consistent entry points.View full size ↗
Application guidance / Content, steps, and supporting information.
Application guidance / Content, steps, and supporting information.View full size ↗
Service page / Focused guidance and a clear action.
Service page / Focused guidance and a clear action.View full size ↗
Registration / Structured form inputs.
Registration / Structured form inputs.View full size ↗

A redesign needs a content strategy that can last.

The work connected content quality, information architecture, and interface design. My role was to make those decisions coherent for users and concrete enough for cross-functional partners to deliver. Regular review after launch helped keep content maintenance part of the work.

Additional original project artifacts
Supporting project artifact / 14
Supporting project artifact / 14View full size ↗
Supporting project artifact / 23
Supporting project artifact / 23View full size ↗
Supporting project artifact / 39
Supporting project artifact / 39View full size ↗
Supporting project artifact / 42
Supporting project artifact / 42View full size ↗
Supporting project artifact / 10
Supporting project artifact / 10View full size ↗
Supporting project artifact / 12
Supporting project artifact / 12View full size ↗
Supporting project artifact / 16
Supporting project artifact / 16View full size ↗
Supporting project artifact / 17
Supporting project artifact / 17View full size ↗
Supporting project artifact / 18
Supporting project artifact / 18View full size ↗
Supporting project artifact / 24
Supporting project artifact / 24View full size ↗
Supporting project artifact / 30
Supporting project artifact / 30View full size ↗
Supporting project artifact / 31
Supporting project artifact / 31View full size ↗
Supporting project artifact / 43
Supporting project artifact / 43View full size ↗

Original project artifacts are preserved at full size. The narrative summarizes the supplied case study; design directions and research feedback are distinguished from measured outcomes.