北海道歯科医師会

北海道歯科医師会様向けの会員専用サイトのデザインとフロントエンドエンジニアリングを手がけました。 このサイトは、会員の方々だけがアクセス可能で、遠隔地の各支部からの報告や情報共有、勉強会の情報、医療関連のデータ、及び定期発行物のデジタル閲覧が可能です。 企画·設計のGIMCALC有限責任事業組合様と共にデザイン·フロントエンジニアリングを行いました。 背景·課題として過去には、簡素なビジュアルのHTMLベースのWEBコンテンツが運営されておりました。 このリニューアルの目的は、各部門からの報告や情報共有をCMSを通じて効果的に掲載·管理することにありました。

Hokkaido Dental Association

I undertook the development of an exclusive members' website for the Hokkaido Dental Association. This site, accessible only to members, information sharing, provides details on study sessions, offers access to medical-related data, and enables digital viewing of regularly issued publications. Collaborating with Gimcalc for planning and design, I at Yohei Hashimoto handled the design, front-end engineering, and system construction. The goal of this renewal was to effectively publish and manage reports and information sharing from each department through a CMS.

歯科医師会の基本イメージを保持しつつ、日本歯科医師会のイメージキャラクターをビジュアルに挿入するなど、親しみやすさを保ちながらも、見やすさとのバランスを取りました。 UX/UIについては必要な情報へのアクセスをスムーズにするためのビジュアル配慮を実施。 また、一部のUIではVueJSを使用し、効率的なユーザー体験の提供に努めました。 システム及びCMSについては、有名OSSを基盤に独自のプラグイン形式の画面拡張を実施。 これにより、製造コストの削減を実現。 Reactを用いたインタラクティブなUIのフォームを採用し、管理作業の効率化を追求。 さらに、CMSエリアの隔離や外部プラグインの採用を最低限にすることで、セキュリティ面でも強固な構築を心掛けました。

For UX/UI, I implemented visual considerations to ensure smooth access to essential information. Additionally, VueJS was used in some UI components to strive for an efficient user experience. Regarding the system and CMS, I implemented unique screen extensions in a plugin format based on well-known open-source software (OSS). This resulted in a reduction of production costs. I adopted interactive UI forms using React to pursue streamlined management tasks. Furthermore, I prioritized a robust security structure by minimizing isolation in the CMS area and limiting the use of external plugins.

Release

2017

Credits

Direction: GIMCALC.LLP Design: Yohei Hashimoto Development: Yohei Hashimoto

Technologies

CMS