│ WebSite

リーフ薬局問い合わせPC版 リーフ薬局お知らせPC版
リーフ薬局問い合わせMB版 リーフ薬局問い合わせMB版 リーフ薬局問い合わせMB版
リーフ薬局お知らせMB版 リーフ薬局お知らせMB版
リーフ薬局お知らせMB版
リーフ薬局お知らせMB版

リーフ薬局

  • ・Purpose

    授業のグループ制作課題として制作。
    (担当箇所:お問い合わせフォームページ、お知らせ一覧ページ)

  • ・Point

    フォーム上部にQA導線を設け、問い合わせ前に自己解決できる構造に。
    “難しそう”と思わせない、シンプルなUIを意識し、運営側の負担軽減も考慮した設計。
    日付・カテゴリ・タイトルを整理し、縦のリズムを揃えることで読みやすさを向上。
    カテゴリ・過去記事のセレクトボックスを設置し、情報が増えても崩れない構造を意識。

  • ・Tools / Time

    Figma、HTML、CSS / 25時間

リーフ薬局 WebSiteはこちら(PC/MB版)