Jardi — mobile app for connecting urban residents with local garden owners

Case Studies / Jardi 案例研究 / Jardi

Jardi

A mobile app connecting people who have a garden to share with people who dream of growing their own vegetables. 一款连接愿意共享花园的人与渴望亲手种菜之人的移动应用。

2024 • Group project (team of 3) • L'École de Design Nantes Atlantique 2024 • 三人学生项目 • 南特大西洋设计学院

Mobile App移动应用 Service Design服务设计 UX ResearchUX 研究 Group Project团队项目
Jardi app — composite overview of the garden-sharing mobile application

Understanding the problem from the inside 从内部理解问题

User interviews & questionnaires in Nantes 南特的用户访谈与问卷调查

To validate the relevance of the project and ground the solution in real needs, the team conducted user interviews and questionnaires with people in Nantes who expressed interest in gardening or garden sharing. 为了验证项目的相关性并将解决方案建立在真实需求之上,团队对南特有园艺或共享花园兴趣的人进行了用户访谈和问卷调查。

  • Urban residents lack access to outdoor growing space, even when motivated 城市居民缺乏户外种植空间,即使有强烈意愿也难以实现
  • Garden owners often feel overwhelmed maintaining their space alone 花园主人常常感到独自维护空间不堪重负
  • Both groups expressed interest in local, low-commitment connections built around shared activity 两个群体都对围绕共同活动建立的本地、低门槛联系感兴趣
  • Trust and privacy were identified as core barriers to adoption 信任与隐私被认为是采用的核心障碍
  • These findings directly informed the app structure, including the decision to unlock messaging only after an owner validates a candidate 这些发现直接影响了应用结构,包括仅在园主验证候选人后才开放消息功能的决定
Students collaborating on a design workshop, working together around a table with materials and sticky notes

Facilitator & UX/UI Designer 协调者兼 UX/UI 设计师

My role within the team 我在团队中承担的角色

Jardi is a mobile app designed to connect urban residents with local garden owners — and within the team of three, I held the Facilitator role, responsible for maintaining group momentum, preventing dead time during work sessions, and keeping energy and focus throughout the three phases of the project. Jardi是一款旨在连接城市居民与本地花园主人的移动应用——在三人团队中,我担任协调者(Facilitator)角色——负责维持团队动力、防止工作会议中的停滞,并在整个三个阶段中保持团队的活力与专注。

Beyond facilitation, I was actively involved in the full UX and UI design work: user research, wireframing, interface design, and prototyping alongside the team. 在协调工作之外,我也积极参与完整的UX与UI设计工作:用户研究、线框图设计、界面设计及原型制作,与团队协力推进每个环节。

Tools: Figma · FigJam · Notion 工具:Figma · FigJam · Notion

Three phases, one product 三个阶段,一款产品

A long-form academic project structured in three distinct stages 一个分三个明确阶段推进的长期学术项目

Phase 01 第一阶段

Research & Definition 研究与定义

Understanding the subject, its constraints, and its openings. Conducting research, identifying two possible axes of reflection, and presenting them to validate a direction. 深入理解课题、其约束条件及可能的切入点。开展调研,识别两条可能的探索方向,并通过汇报来验证最终方向。

Phase 02 第二阶段

Finalization & Creation 完善与创作

Starting from the validated subject: mapping user personas and journeys, building wireframes, and creating the visual identity, style guide, and page mockups. 从已验证的方向出发:绘制用户画像与用户旅程,制作线框图,创建视觉识别系统、风格指南及页面高保真稿。

Phase 03 第三阶段

Structuring & Prototyping 结构化与原型制作

Producing a functional prototype in the form of a mobile web application. Optimizing production to match available time and skills. Presenting a final deliverable that clearly communicates the proposed solution. 以移动网页应用的形式制作可交互原型。根据现有时间和技能优化产出。呈现一个能清晰传达解决方案的最终交付物。

People gardening together in a shared urban garden, illustrating the community spirit behind Jardi

Jardi: putting people in the garden together Jardi:让人们共同走进花园

A mobile app for the Nantes metropolitan area 一款服务南特都市圈的移动应用

Jardi connects garden owners with people looking to participate in growing. The exchange is built on generosity: in return for a helping hand, owners can offer vegetables, seeds, or other garden resources. Jardi 将花园主人与希望参与种植的人连接起来。交换建立在互惠的基础上:作为劳动的回报,主人可以提供蔬菜、种子或其他园艺资源。

The app is structured around three types of garden activity, reflecting the real lifecycle of a vegetable garden and giving both owners and helpers a clear, shared vocabulary: 应用围绕三种花园活动类型展开——呈现蔬菜园的真实生命周期,并为主人与帮手提供清晰、共同的表达框架:

  • 🌱 Plant: new season, or a simple desire for greenery 🌱 种植:新的季节,或对绿意的简单渴望
  • 🪴 Maintain: regular or one-off help keeping a garden going 🪴 养护:定期或一次性地帮助维持花园运转
  • 🥕 Harvest: helping with a specific harvest moment 🥕 收获:协助完成特定的采收时刻

A warm, accessible visual world 温暖、易用的视觉语言

Logo, color system, and signature detail 标志、色彩体系与标志性细节

Jardi logo — watering can and garden tools symbol representing the collaborative spirit of the app

Logo 标志

The watering can 水壶

The watering can imposes itself naturally as the logo: it symbolizes the collaborative tool par excellence. Its soft curves immediately evoke gardening for everyone. 水壶自然而然地成为了标志——它是合作工具的最佳象征。其柔和的曲线立刻唤起所有人对园艺的联想。

Jardi color system — primary yellow with secondary greens, ambers, and violets for each mission type

Color 色彩

Sun and season 阳光与季节

Yellow was chosen as the primary color: it evokes joy, sunlight, and sharing. Secondary colors, green for Planter, amber for Entretenir, violet for Récolter, give each mission type a distinct visual identity. 黄色被选为主色调:它唤起欢乐、阳光与分享。辅助色——种植用绿色、养护用琥珀色、收获用紫色——赋予每种任务类型独特的视觉识别。

Jardi UI detail — dashed border texture and illustrated garden icons conveying a handmade spirit

Texture & Detail 纹理与细节

A handmade spirit 手作精神

Dashed borders run throughout the interface, evoking a handmade, cut-out quality, as if the user had crafted the interface themselves. This detail reinforces the human, low-tech spirit of the project. 虚线边框贯穿整个界面,唤起一种手工、剪贴的质感——仿佛是用户亲手制作了这个界面。这一细节强化了项目人性化、低技术的精神内核。

Section 06 第六部分

Key Screens 关键界面

Onboarding 新手引导

First impressions 第一印象

The onboarding introduces Jardi's core concept before the user creates an account: sharing a garden, finding a garden, or both depending on the season. It establishes the tone, warm, accessible, community-first, and walks the user through choosing their role and garden experience level. 新手引导在用户创建账户之前介绍 Jardi 的核心概念:分享花园、寻找花园,或根据季节两者兼顾。它奠定了整体基调——温暖、亲切、以社区为先——并引导用户选择角色和园艺经验水平。

Jardi onboarding — welcome splash screen introducing the garden-sharing concept
Jardi onboarding — role selection: looking for a garden, sharing a garden, or both
Jardi onboarding — gardening experience level selection form

Home & Search 首页与搜索

Finding the right mission 找到合适的任务

The home screen displays available listings filtered by type (Plant / Maintain / Harvest). Users can refine by city, dates, reward preference, and mission size (solo or team). Each listing shows the neighborhood, mission type, date range, and what's offered in return. 首页显示按类型(种植 / 养护 / 收获)筛选的可用招募。用户可按城市、日期、回报偏好及任务规模(独自或组队)进一步筛选。每条招募显示所在街区、任务类型、日期范围及回报内容。

Jardi home screen — listing feed showing available garden missions by type
Jardi home — expanded filter panel with city, dates, reward, and team size options
Jardi home — filtered results showing missions tagged as plantation, entretien, or récolte

Listing & Application 招募详情与申请

Applying with context 在语境中申请

Tapping a listing reveals the full details: owner profile (with number of recommendations), mission description, dates, garden size, distance, and what's offered in exchange. The candidate writes a short message to the owner to apply. 点击一条招募,可查看完整详情:房主档案(含推荐数)、任务描述、日期、花园面积、距离及交换回报。申请者向房主发送一条简短消息以提交申请。

Before sending, a summary screen shows the owner what information they'll receive, reinforcing the privacy-first approach. 发送前,摘要页面会向房主展示其将收到的信息——强化了隐私优先的设计理念。

Jardi listing detail — owner profile, mission description, garden size, distance, and offered reward
Jardi application — candidate message form with writing tips and confirmation summary

Messaging & My Space 消息与我的空间

Staying connected and tracking your missions 保持联系并跟踪你的任务

Messaging between a candidate and an owner is only available once the owner has validated the applicant. This deliberate friction builds trust on both sides. The chat interface is clean and contextual: it shows the original listing at the top as a shared reference point. 仅当房主确认申请者后,双方之间的聊天才可用。这种刻意设置的摩擦在双方之间建立信任。聊天界面简洁且具备上下文关联——顶部显示原始招募信息,作为共同参考点。

The "My Space" section lets users track their active and past candidatures, see mission status (pending / in progress / completed), and access messaging. At mission end, users are prompted to leave a brief review and optionally recommend Jardi. "我的空间"版块让用户跟踪当前和过去的申请,查看任务状态(待定 / 进行中 / 已完成),并进入聊天。任务结束后,用户会被提示留下简短评价,并可选择推荐 Jardi。

Jardi messaging — chat thread between candidate and garden owner after application is accepted
Jardi My Space — candidatures tab showing active mission with progress indicator
Jardi My Space — mission detail view with status and end mission button
Jardi My Space — post-mission feedback form with review field and recommend Jardi option

Posting a Listing (Owner view) 发布招募(房主视角)

Publishing an offer 发布一条招募

Owners can post a new listing in a step-by-step flow: type of activity → title and number of helpers needed → description → photos and garden surface area → location → dates and times → optional reward (vegetables, seeds, etc.) → confirmation preview. 房主可通过分步流程发布新招募:活动类型 → 标题和所需人数 → 描述 → 照片和花园面积 → 地点 → 日期和时间 → 可选回报(蔬菜、种子等)→ 确认预览。

Jardi posting — step 1: choose activity type (plant, maintain, or harvest)
Jardi posting — step 2: enter listing title, number of helpers needed, and description
Jardi posting — step 3: add garden photos, surface area, location, and dates
Jardi posting — final preview of the listing before publishing

Key Learnings 关键收获

  • This project taught me that branding and UX are not separate disciplines. Every visual choice — color, texture, logo mark — carries a functional message that shapes how users feel about the product. 这个项目让我明白品牌设计和UX并非两个独立领域,每一个视觉选择都传递着影响用户感受的功能性信息。
  • Designing for a niche audience meant resisting the temptation to generalize. The specificity of the users' context was a creative constraint that led to stronger, more intentional decisions. 为细分用户群体设计意味着抵制泛化的诱惑,用户情境的特殊性成为了推动更有意图设计决策的创意约束。
  • Presenting a visual identity alongside a digital product forced me to think about consistency across touchpoints — from app screens to logo usage at small sizes. 同时呈现视觉识别系统和数字产品,迫使我思考跨触点的一致性,从应用界面到小尺寸使用的标志。

Get in Touch 联系我

Interested in working together? Let's talk. 想合作?欢迎联系。

or find me on WeChat 或在微信添加我

WeChat QR code — scan to add Paul Barroux on WeChat
Paul Barroux wxid_ddw1kou7jqh212