Piper

Year

Category

Responsibilities

Software

2019-2020

Mobile Application / B2B

User Interview, UX Research, UI Design, Prototyping, Front-end Coding, User Testing

Figma Photoshop Illustrator HTML CSS React JS Anime JS

Challenge

Under New York City's Local Law 97 of 2019, all buildings measuring 25,000 square feet or more are subject to requirements aimed at enhancing energy efficiency and reducing carbon emissions.

In essence, New York City wants buildings to be more energy efficient and have the lowest possible impact on the environment. However, clients may not always understand this procedure - which adds extra time and cost - before starting a project, and Piper helps them discover and learn about sustainability in an intuitive and comfortable way.

Our challenge was to develop an application that generates interest in learning what 'building sustainability' is and understands the importance of what it is to construct a building that is less harmful to the environment.

To make Piper into an application that serves as an excellent tutor, a clear user story and a comforting user interface design were of course a must. On top of that, since understanding sustainability can be a bit difficult at first, project comparisons and seeing what other companies did were keys to generate interest usage of this application among the clients.

Here are the key features that we included;

  • Users at any stage of planning or building can choose options of what their project is about.

  • These options will be matched with a pre-designed database of rating systems.

  • Users are able to learn more about these systems.

  • Users can also choose to compare these systems.

  • Users can choose their preferences and share them.

  • Users can book a session with a team to learn more or contact the team with a more specific request.

User Flow

Piper is mainly divided into two sections: 'Discover' and 'Analyze'. In the Discover section, users can learn about building sustainability, its definition, and how it can bring financial, physical, and mental benefits. The chapter ends with case studies featuring exemplary sustainable projects.

In the Analyze section, users can enter project information and receive recommendations on the best building sustainability codes or ratings that fit their prospective project. Users can save their session and submit it to our sustainability team for further discussion on the next steps.

Please click 'see the board' button and access the Miro board below to see the user story. Hold down the right click to move around and use the mouse wheel to zoom in and out.

パイパー

Piper is a mobile and web-based smart assistant that enables users to discover more about building sustainability rating systems. A building sustainability rating system is a standardized set of criteria used to assess and rate the environmental performance and sustainability of buildings.

Through Piper, users can gain knowledge while the company builds a comprehensive database on user preferences, driving sales for sustainability services and boosting its reputation as a leading innovator in the field.

Piperは、モバイルとWebベースのアプリであり、サステイナブル建築の評価システムについてユーザーがより詳しく学ぶことができます。サステイナブル建築の評価システムとは、建物の環境パフォーマンスとサステイナビリティを評価するため基準です。

Piperを通じて、ユーザーは知識を得ることができ、同時に当社チームは、ユーザーの好みをもとに包括的なデータベースを構築します。サステイナビリティに関する当社のサービス売上を促進し、建築業界の先駆けとなる革新的な企業としての評判を高めることを目指しています。

問題点

ニューヨーク市の地方法第97号によると、25,000平方フィート以上の建物は、エネルギー効率の向上と二酸化炭素の排出削減を目的とした要件に従う必要があります。要するに、ニューヨーク市は、建物のエネルギー効率化を目指し、環境にできるだけ悪影響を与えないことがニューヨーク市の狙いです。しかし、クライアントは、プロジェクトの開始前にこの環境問題における影響とニューヨーク市の狙いを理解していないことがよくあります。この理解を深めるには時間と費用がかかる場合があります。Piperは、ユーザーが直感的で快適な方法でサステイナブル建築について知り、学習することができるようサポートします。

私たちの課題は、クライアントに「環境にやさしいサステイナブル建築」を学ぶことに興味を持ってもらい、そして、環境に対する影響が少ない建物を建設することの重要性の理解を深めてもらうためのアプリケーションを開発することでした。

Solution

Design Approach

Sandpipers are known as one of the endangered species that has declined their population. With our vision of sustainability, the application is named after this bird. Piper aims to create a clean and refreshing visual style that evokes the feeling of the sandpiper's habitat.We chose a sans-serif font family for its simplicity and boldness, which aligns with our brand statement. Our color scheme is cool and harmonious, reflecting the sandpiper's coastal environment. The logo features a stylized bird's face with simple shapes that make it easy to recognize and remember.

解決策

Piperを優れた学習系アプリケーションにするためには、明確なユーザーストーリーと心地よいユーザーインターフェースデザインが必要でした。さらに、サステイナブル建築の認識は初期段階ではハードルが高いため、プロジェクト比較や他社の取り組みを見ることが、クライアントの利用を促進する上で重要でした。

以下は、私たちが取り入れた主な機能です:

  • プロジェクトのどの段階においても、ユーザーはプロジェクトのカテゴリーを選択できます。(オフィスデザイン、住宅、など)

  • これらのカテゴリーは、事前に設計された評価システムのデータベースと照合されます。

  • ユーザーはこれらのシステムについて詳しく学ぶことができます。

  • ユーザーはこれらのシステムを比較することもできます。

  • ユーザーは自分の好みを選択して共有することができます。

  • ユーザーは当社サステイナビリティチームとのセッションを予約したり、
    より具体的な要求を連絡することもできます。

デザイン・アプローチ

Sandpiper (水鳥の一種)は絶滅危惧種にも認定されている生物で、サステイナビリティを促進するこのアプリケーションのコンセプトとして使われました。このアプリの名称とUIコンセプトはSandpiperの生息地からインスピレーションを得て、清潔感と爽やかな視覚スタイルを確立しました。ブランドのステートメントに合わせて、シンプルで太字のサンセリフ体を選びました。カラースキームは、水鳥の海岸環境を反映した、クールで調和のとれたものを採用しました。ロゴは、スタイリッシュな形状の鳥の顔をシンプルに表現し、印象に残りやすく、覚えやすい形にしています。

ユーザーフロー

Piperは、主に「Discover」と「Analyze」の2つのセクションに分かれています。「Discover」セクションでは、サステイナブル建築の定義や、それがもたらす財政的、身体的、そして精神的な利益について学ぶことができます。この章の終わりでは、模範的なサステナブルプロジェクトを取り上げたケーススタディーで締めくくられます。

「Analyze」セクションでは、ユーザーはプロジェクト情報を入力し、見込みプロジェクトに最適なサステイナブル建築ツールまたは評価システムの推奨を受け取ることができます。ユーザーはセッションを保存し、次の手順についての詳細な議論のために、当社のサステナビリティチームに提出することができます。

以下の「See the board」ボタンをクリックして、Miroボードを閲覧してください。右クリックを押したまま移動し、スクロールホイールで拡大縮小ができます。