JUN WANG

Featured case study

Soulful Asia

Founder-led 0-to-1 digital infrastructure

I founded ASA after experiencing the isolation and adjustment pressure that many new migrants face in a cross-cultural environment. What started as a mission to connect people who needed support with people willing to help quickly became a product problem: the organisation needed more than a public website. It needed a bilingual, trust-building platform that could support content, events, membership, courses, and internal operations. I defined the product structure, system boundaries, and delivery priorities, then used AI as a practical execution partner to build the organisation's digital infrastructure from 0 to 1.

Project type
Founder-led digital platform with a public-facing service layer and an internal operating layer
Core areas
Non-profit digital infrastructure, mental health education, cultural integration, community operations
My role
ASA Founder, product strategist, UX lead, information architect, AI-assisted builder
What this proves
I can define the product itself, shape the system structure, and carry the work from problem framing to shipped delivery
Methods
Stakeholder mapping, service-structure thinking, information architecture, phased product strategy, system-boundary definition
Soulful Asia service platform and mobile app overview

Project positioning

  • Public layer Bilingual trust-building, content, events, membership entry, and community participation
  • Operating layer Internal management for members, courses, certificates, publications, and event maintenance
  • Status Live organisation platform built from scratch and designed for later extension

My responsibilities

  • Defined the product opportunity from founder insight, user observation, and organisational operating needs
  • Mapped stakeholders and clarified what belonged to public experience versus internal operations
  • Planned the information architecture, participation paths, and operating-object structure of the platform
  • Set first-release priorities across bilingual experience, trust signals, backend structure, and later expansion paths
  • Used AI tools to accelerate implementation, debugging, and iteration without outsourcing product judgment
  • Drove the project from early framing to live delivery

Project background

The project started with a real social need, not with a website brief. From my own experience and from repeated conversations in migrant and community contexts, I saw the same pattern again and again: people needed trustworthy support, culturally legible information, and lower-friction ways to participate in a new environment.

At the same time, the association itself needed an operating structure. Brand communication, event publishing, courses, publications, membership, certificates, and internal coordination were being handled across manual processes and scattered tools. I reframed the work as an organisational digital infrastructure project rather than a simple website build, because both the public service side and the internal operating side had to be solved together.

This reframing changed the whole project. Instead of asking, "What pages should the website have?", I asked, "What system does the organisation need in order to build trust, support participation, and keep operating sustainably?"

Stakeholders and research approach

This was not a case where one neat round of user interviews produced a fixed requirement list. I was working in an early-stage context, so the research approach combined founder insight, qualitative observation, and continuous feedback from highly engaged participants and collaborators.

I treated the project as a stakeholder-structured product problem. That meant identifying not only end users, but also everyone who would shape or operate the system: participants, volunteers, lecturers, therapists, counsellors, operators, and internal managers. Their needs were different, their entry points were different, and the system had to reflect those differences.

Primary stakeholders

  • Participants looking for support, courses, events, and trusted community access
  • Volunteers and collaborators contributing time, support, and community energy
  • Lecturers, therapists, and counsellors providing professional and educational services
  • Internal operators and managers maintaining content, records, and organisational continuity

Research methods

  • Founder-led problem sensing from lived cross-cultural experience
  • Early qualitative feedback from volunteers, lecturers, and engaged community participants
  • Service-structure thinking to separate frontstage participation from backstage operations
  • Information architecture driven by user questions, not by a default website sitemap

Key challenges

  • The platform had to serve multiple stakeholders at once: participants, volunteers, therapists, counsellors, lecturers, operators, and internal managers.
  • Bilingual experience was an initial product requirement, not an add-on, because trust, clarity, and future expansion all depended on it.
  • The system could not stop at brand presentation. It had to carry events, courses, membership, certificates, publications, and internal maintenance.
  • Account logic, permission logic, and cross-surface data relationships had to be considered early across the website, course system, and app direction.
Soulful Asia homepage screenshot
The public site needed to carry brand, trust, and real participation paths at the same time.

Why this became a platform project, not only a website project

A simple brochure site could not support how the organisation actually needed to work. Events, courses, publications, member records, and volunteer participation all had to be carried through clearer structures instead of disconnected manual handling.

I therefore split the product into public-facing and operational layers. The website had to build trust and guide participation. The backend had to let the team edit content, manage members, publish events, maintain records, and support ongoing operations. I also treated the course system and app direction as connected product decisions rather than optional extras, because future service growth depended on those boundaries being thought through early.

In product terms, this was a shift from page thinking to platform thinking. The public website became the main trust and participation surface, while the operating layer became the mechanism that allowed the organisation to actually function.

Soulful Asia learning platform screenshot
Once courses, learning assets, and public access rules became part of the service, the project had to work as a platform, not only a brochure site.

Product strategy and prioritisation

Priority 1

Define the stakeholders first, then divide the system

I started by mapping who needed what from the platform: public users, volunteers, lecturers, internal operators, and managers. That made it easier to separate trust and participation paths on the front-end from maintenance and operations on the back-end.

Draft stakeholder map for Soulful Asia covering public users, therapists, volunteers, operators, and managers
Stakeholder mapping helped me define which needs belonged in the public experience and which needed operational support behind the scenes.

Priority 2

Make bilingual trust-building part of the first release

The main user group included overseas Chinese users who needed both emotional safety and practical clarity. I treated Chinese and English switching as an initial product requirement so the platform could build trust now and expand later.

Bilingual trust structure map for Soulful Asia first release
Bilingual structure was designed into the first release because trust, comprehension, and future reach all depended on it.

Priority 3

Use the backend to reduce manual operating load

The platform had to help the team run the organisation, not only show it. I defined backend modules around real operating objects such as members, publications, course records, certificates, and event publishing so the system could replace fragmented manual work.

Soulful Asia member directory screenshot
Member and contributor management became one of the real operating objects behind the platform.

Priority 4

Plan future expansion without overbuilding the first release

I treated the course system as both a current association tool and a potential SaaS direction for future teacher collaboration, while evaluating the app as a lighter-touch member and participation surface. That let me keep the first release focused without losing the longer-term roadmap.

Staged expansion roadmap for Soulful Asia website, course system, and app direction
The roadmap shows why the app and course system were staged after the core website and backend instead of being rushed into version one.
  • The first release was prioritised around trust, legibility, and operational continuity rather than around the number of features.
  • I treated bilingual support and backend structure as initial requirements because both were necessary for adoption and sustainability.
  • The course system and app direction were deliberately planned as extension paths, not rushed into the first release without a stable system skeleton.

System boundary and data decisions

One important part of this project was not only defining pages and modules, but also defining system boundaries. The main website, the course system, and the iOS direction could not be treated as isolated surfaces. Their data relationships had to be decided intentionally.

I defined the main website as the primary user system, while keeping the course system capable of supporting future independent deployment. That meant user identity, course access, and operational records had to be considered at the product level before implementation details were confirmed.

This also changed how I validated the work. I did not only check whether an API returned successfully. I also checked whether the actual user experience, system boundary, and data ownership matched my product intent.

In practice, this meant defining the main website as the primary trust and account surface, keeping the course system extensible for later independent deployment, and planning future app access as a lighter-touch layer rather than forcing everything into one interface too early.

Boundary decisions

  • Main website as the primary account and content system
  • Course system designed with room for future independent deployment
  • Certificate and publication workflows treated as real operating objects

Validation standard

  • Not only whether the API worked
  • Also whether the user experience worked in the real environment
  • Also whether the implementation still matched the original product decision
Draft system boundary diagram for Soulful Asia showing website, course system, app direction, and shared member data
The system boundary map shows how the website, course system, and future app layer were intentionally separated while still sharing account, membership, and operational logic.

One concrete prioritisation decision was that I did not push the app into the first release, even though it was attractive as a member-facing surface. At that stage, the organisation still lacked a stable account structure, membership logic, and operating workflow. If I had expanded into an app too early, I would have multiplied complexity before the core platform rules were stable.

I made a similar decision with bilingual support in the opposite direction: I treated it as a first-release requirement rather than a later enhancement. For this audience, language was directly tied to trust and emotional safety, so delaying bilingual structure would have weakened the product at its most important entry point.

That tradeoff shaped the first version clearly: stabilise the website and backend first, make bilingual trust-building native from day one, and leave the app as a later extension once the system skeleton and data relationships were reliable.

Solution and platform structure

Website

  • Created a unified brand entry point for the association
  • Carried events, courses, publications, and knowledge content
  • Improved organisational credibility and information reach
  • Provided users with clear participation paths

Backend

  • Managed member and client relationships
  • Supported course upload and content maintenance
  • Managed certificate records
  • Supported the publication editorial workflow
  • Built a unified internal operations framework

I did not force the organisation into a generic CRM pattern. Instead, I organised the platform around real operating objects: members, courses, certificates, publications, and events. That made the backend more aligned with how the organisation actually worked and made the system easier to maintain as the association evolved.

What I did from 0 to 1

01

Problem framing

I framed the work as an organisational digital infrastructure initiative rather than a simple website request.

02

Stakeholder and IA definition

I mapped stakeholders, defined public and operational layers, and built the information architecture around user questions and service logic.

03

Prioritisation

I set the first-release priorities around bilingual trust, core participation paths, backend maintenance capacity, and a stable system skeleton for future growth.

04

AI-assisted execution

I used AI tools to improve implementation speed across product design, coding, debugging, and structured iteration.

05

Validation and launch

I checked whether implementation still matched the original product intent, then drove the work through to a live organisation platform.

How I used AI in practice

In this project, AI did not replace product thinking. I used it as a practical collaborator across requirement refinement, structure comparison, coding support, debugging, and implementation verification.

The most important rule was that product judgment stayed with me. I used AI to reduce execution cost and iteration time, but the decisions about stakeholders, priorities, system boundaries, and service logic were all human-led.

  • Used AI to compare structure options and reduce ambiguity early.
  • Used AI to help translate product intent into clearer implementation questions.
  • Used AI to support coding, debugging, and delivery efficiency across the website and platform workflows.
  • Used AI to verify whether shipped behaviour still matched the original product decision.

Project highlights

  • Defined the organisation's digital needs from a founder perspective instead of passively executing a website request.
  • Used stakeholder mapping and service-structure thinking to separate public participation needs from internal operating needs.
  • Upgraded a website project into an integrated front-end and back-end organisation platform.
  • Did not force the backend into a standard CRM model, but rebuilt the structure around the association's real operating objects.
  • Balanced front-end trust-building with backstage operational efficiency and future extensibility.
  • Closed the loop from product definition to development and launch through an AI-assisted workflow.

Methods and product thinking

As a founder, my strongest advantage was being able to work backwards from organisational goals and lived user pain into product structure.

I used stakeholder mapping to avoid treating all users as one group, because participants, volunteers, lecturers, and internal operators each needed different entry points and support.

I used service-structure thinking to separate frontstage trust and participation from backstage management and operating continuity.

I used information architecture as a strategy tool, organising the website around user questions rather than around a default sitemap.

I used phased product strategy to decide what had to exist in version one and what should remain a later expansion path.

AI improved execution efficiency significantly, but product judgment, prioritisation, and system-boundary decisions still had to be made by a person.

Project outcome

  • Built a unified website to support brand, events, courses, and content communication.
  • Built a unified backend to integrate member, client, course, certificate, and publication management.
  • Clarified the responsibility boundary between the front-end and back-end for later business expansion.
  • Created early proof of value through real inbound interest, including volunteer enquiries and requests to join activities or learning experiences.
  • Completed the organisation's digital platform from 0 to 1 with founder-led delivery.

What this case proves

  • I can identify the product opportunity itself, not only respond to a pre-defined brief.
  • I can combine UX thinking, product strategy, and system-structure planning in one project.
  • I can define first-release priorities and platform boundaries in ambiguous, multi-stakeholder environments.
  • I can use AI as an execution amplifier while keeping product judgment and responsibility human-led.

Failures and learning

This project also exposed where my first assumptions were too narrow. I initially thought in terms of building a better website, but the real challenge was product structure: account logic, membership levels, course access, operational workflows, and cross-surface data had to be designed intentionally much earlier.

I also learned that “AI-assisted delivery” does not reduce product responsibility. It actually raises the bar on judgment. I had to keep checking whether implementation still matched the platform logic I intended, especially when data flow, hosting, and system boundaries were not fully visible from the interface level.

The result was a deeper shift in how I work: I now treat platform boundary definition, infrastructure risk, and execution verification as part of product design, not as something to think about only after launch.

Related links