Rain Lee Productions ↗Klang Valley, Malaysia · Creative + technical

WEBSITE DESIGN · RESEARCH · UX/UI

Every visit starts with a purpose.

I design around the complete user journey: from the first impression to finding information, making an enquiry or completing the task that brought someone here. Research, communication, visual design and technical delivery work together.

Designed around people. Built for a useful outcome.

A minimalist information site and an expressive visual story can both work well. The right approach depends on who is visiting, what they need, the device they use and what the organisation can maintain. Clear navigation, readable content, accessible controls and mobile layouts make the journey practical.

One designer. Several ways to understand the problem.

I’m Rain Lee Lin Jun, a psychology graduate, Master of International Business student at Monash University Malaysia, multidisciplinary designer, entrepreneur and proprietor of rainleelj.com. Psychology informs how I consider attention, comprehension and behaviour; Communication and Gender Studies inform language, representation and audience context. Business study supports feasibility and priorities, while earlier engineering and IT study supports technical evaluation and implementation.

Discover → Research → Evaluate → Design → Test → Implement → Improve

A clear process, with decisions before construction.

For redevelopment, I begin with what already exists: what works, what fails and whose needs are underserved. Discovery and research may take approximately two weeks, depending on scope, access and participant availability. A smaller project uses proportionate research; a full survey is not mandatory for every website.

  1. 01

    Discover

    Agree the intended tasks, stakeholders, constraints, budget and success measures. Audit existing content, systems, URLs and essential services.

  2. 02

    Research

    Use agreed interviews, surveys, analytics and usability assessment. Explore demographic and psychographic context, audience segments and evidence-informed personas; avoid stereotypes.

  3. 03

    Evaluate

    Compare targeted fixes, content restructuring, platform changes and redevelopment. Present cost, accessibility, maintainability and technical trade-offs, then recommend a feasible route.

  4. 04

    Design

    Shape information architecture, content strategy, brand identity and visual storytelling into responsive UI and task flows. Keep key actions easy to find.

  5. 05

    Test

    Check prototypes and agreed journeys, mobile layouts, keyboard access, forms and language clarity. User testing is planned where included, with limitations recorded.

  6. 06

    Implement

    Build the approved solution, preserve agreed URLs and integrations, check content and permissions, and hand over administrator access and editing guidance.

  7. 07

    Improve

    Review agreed measures after launch, prioritise useful changes and document what the evidence supports. Further work follows the accepted support scope.

What discovery should leave you with

A prioritised audit, audience and task map, content structure, feasible alternatives with trade-offs, and a recommended scope. The written package records included research, survey dates, recommendations and deliverables so included preparation does not become a surprise extra.

Measure carefully. Explain the uncertainty.

Where suitable data exists, I can use time-series analysis, regression and comparative metrics to examine trends or model possible improvements. Seasonality, campaigns, missing data and sample size matter. A forecast is a scenario with assumptions, not a verified result; a before/after difference alone does not prove a redesign caused it. No specific sales, conversion or ranking increase is promised.

UX / Ti-Ratana Heights

Ti-Ratana Heights: a welcome that leads towards a visit

Community website contribution · Seri Kembangan, Malaysia. The live website publicly credits “Designed by Rain Lee Lin Jun” for the Ti-Ratana Youth Buddhist Section. This is community portfolio evidence, not a claim of a paid commission or organisational endorsement.

  1. 01

    Welcome

    Buddhist imagery and Buddha rūpas establish the setting and a respectful first impression.

  2. 02

    Understand

    Introduce the institution and its purpose before asking a newcomer to choose.

  3. 03

    Discover

    Bring activities and upcoming events into view so interest has somewhere to go.

  4. 04

    Explore

    Offer further institutional information for visitors who need context or reassurance.

  5. 05

    Visit

    Finish with contact and visiting information; the intended desktop imagery progresses towards the entrance and gate.

Usability considerations: offer direct event and contact links for returning visitors, keep text readable over imagery, optimise image weight, preserve a logical mobile reading order, and ensure essential visiting details do not depend on following the full visual story.

These steps describe the intended desktop experience. Visitor testing would be needed to establish how people actually follow it. No usability-test results or performance improvement are claimed.

View the live Heights website ↗

Different audiences. Different journeys.

The existing projects below show both information-first interfaces and narrative-led presentation. These notes describe the intended task and visible design choices; they do not substitute for observed user research or measured outcomes.

Community organisations

Design and website work in my community roles; inclusion does not imply organisational endorsement.

monashbuddhistsociety.my

Monash Buddhist Society

Students and newcomers: discover the society, understand activities and find ways to participate. A student-focused information hierarchy supports that intended journey.

Visit website ↗

www.ti-ratana.org

Ti-Ratana · HQ

Society-wide audiences: understand the institution and find a branch. My role is a collaborative Media & IT design contribution, not sole authorship.

Visit website ↗

puchong.ti-ratana.org

Ti-Ratana · Puchong

Local visitors and regular participants: move from current events and schedules to practical visiting details and the relevant service. Community website design and ongoing information work.

Visit website ↗

Independent community projects

Self-directed projects show my design range and are not presented as external client commissions.

themiddleway.my

The Middle Way

Curious readers and beginners: choose a topic, read an accessible lesson and continue through visual guides or posters in a preferred language. An independent CSR project.

Visit website ↗

dhammastop.my

DhammaStop

People planning a visit: search a place, narrow the results, inspect map and source details, then plan the visit. Filters and review-status labels support an information-first directory.

Visit website ↗

buddhist.my

Buddhist.my

Buddhist learners and community visitors: identify an appropriate resource and continue to it. This independent project is not an official institutional website.

Visit website ↗

My own brands

Self-directed projects show my design range and are not presented as external client commissions.

media.rainleelj.com

Rain Lee · Media

Viewers and prospective collaborators: browse photography or film, inspect a relevant project and its credits. Imagery leads; labels provide context.

Visit website ↗

about.rainleelj.com

Rain Lee · About

Readers seeking context: follow a biography and chronology, then explore the relevant part of my work. A narrative-led personal site.

Visit website ↗

shop.rainleelj.com

Rain Lee · Shop

Potential customers: compare fees and inclusions, understand exclusions, then submit an informed enquiry. A request is not a confirmed booking.

Visit website ↗

music.rainleelj.com

Rain Lee · Music catalogue

Listeners seeking a recording: find the release, lyrics and story, then continue to a listening destination. Catalogue depth supports focused exploration.

Visit website ↗

rainleemusic.com

Rain Lee Music

New listeners: recognise the artist and reach a release or listening platform quickly. A concise landing experience complements the deeper catalogue.

Visit website ↗

studio.rainleelj.com

Rain Lee · Studio

Prospective clients: understand the service, examine relevant work and move to a clearly scoped Shop enquiry. A restrained overview connects multiple disciplines.

Visit website ↗

scatteredstill.com

Scattered Still

Adults exploring non-clinical coaching: understand the approach, fees and boundaries before deciding whether to enquire. Clarity and reassuring pacing guide the intended journey.

Visit website ↗

www.rainleelj.com

Rain Lee · Main website

Readers and followers: explore personal publishing and choose the relevant specialist website. The main site acts as the wider gateway.

Visit website ↗

Web apps & resources

Design and website work in my community roles; inclusion does not imply organisational endorsement.

app.ti-ratana.org

Ti-Ratana · Community app

Community members: discover branches, events and connected resources from a central starting point. Community contribution; individual connected systems retain their own responsibilities.

Visit website ↗

dhamma.ti-ratana.org

Ti-Ratana · Dhamma

Readers and reciters: locate a teaching or recitation and use the relevant language and reading format. Legibility and navigation are central to the task.

Visit website ↗

sukhadhammaschool.ti-ratana.org

Ti-Ratana · Sukha Dhamma School

Parents and learners: understand the school and find relevant programme information. Community work with a focused school audience.

Visit website ↗

Photography, films, music and other creative work

Start with the outcome you need.

Send the existing URL if you have one, the audience, the task visitors should complete, languages, budget and deadline. We can decide whether an audit, focused improvement or a new build makes sense.

Academic records · My eQuals

View my shared academic documents on My eQuals. These records relate to my completed undergraduate qualification.