top of page

外国人のための医療支援をつなぐ

Dr. Bunny – Webデザイン

(About Usページ)

kevin-bhagat-ms-QnzmKGVM-unsplash.png

言語が話せず、医療が必要な場合はどうすればよいか?

Dr. Bunnyは、日本に住む外国人が症状を翻訳し、痛みの箇所を示すことで医師とのコミュニケーションをより効果的にすることを目的としたウェブアプリです。
非営利団体として、このウェブアプリは無料で提供されています。
私はこのプロジェクトの一員として、「About Us」ページの作成を担当し、ユーザーがDr. Bunnyの使い方をより理解できるように設計しました。

Problems & Solutions

  • ユーザーがDr. Bunnyの使い方を理解できるように「About Us」ページを作成

  • ウェブアプリ全体のデザインを統一

  • 「About Us」ページ用の追加イラストを作成

​使用ツール

  • Figma

  • Adobe Illustrator

私の役割

  • ウェブデザイナー(プロジェクトメンバーの一人)

タイムライン

  • デザイン・イラスト: 1週間

デザインと結果

チームに提案した3つの案の中から、最終的に選ばれたデザインがこちらです。


「About Us」ページでは、他のページと統一感のあるメインバナーを作成し、レスポンシブ対応のためにサイズを調整しました。

最終的に公開されたデザインには、チーム内の議論を踏まえた追加のイラストが加えられ、全体的なアプローチを強化しています。


メインバナー横のイラストは、他のプロジェクトメンバーによるものです。

draft 3.png

オンライン版

下のボタンをクリックすると、Dr. Bunnyのウェブページにアクセスできます。

ご覧いただきありがとうございました!

© 2023 by Anastasia Hani Kusumawardani. Powered and secured by Wix

vecteezy_linkedin-logo-png-linkedin-icon-transparent-png_18930550_18.png
github-mark.png
wantedly_logo_icon_249228.png
bottom of page