お正月も明け、今年も1/5よりスタートしております＾＾
が…ご紹介遅れが2件程….（笑）
ということで2025年のお仕事ご紹介

鹿児島そのだ眼科・形成外科様
・総合TOP入口（https://sonoda-eye.com/）
・先進的技術の自由診療TOPページ（https://premium.sonoda-eye.com/）

2つのサイトページのご紹介です＾＾

当初、先進医療（自由診療）のTOPサイトを作りたいというご要望が最初にありました。お話を伺うにあたり、先生の中で年齢と目の症状範囲を可視化するイメージグラフがありその世界観を出していきたいこと、またICLなど、自由診療にあたるサイトなどをそのグラフ内、年齢との目の症状の推移でみせたいというお話から、自由診療側に特化したTOPページを展開することになります。

自由診療側のTOPページ（PCページ・スマホページ）です。

TOP側は自由診療内で登場予定の主な症状に関してキャッチーな文言訴求で展開しています。（Copyや文章は前田真理さんにお願いしました＾＾）この気になった言葉から直接サイト内上情報位置に移動も可能。またICLサイトのみ現在LPページがあるため、ICLの特設サイト側にも飛べる仕様でデザインしました。（ICLのHPデザインの解説はこちら）

またページのグラデーション全体がランダムに揺らぐようなデザインとしています。元々は先生のイメージのグラフの色の使い方が人によっての差や年齢の範囲の幅など様々なところからの色が混ざり合う〜グラーデション印象というような印象があり、人によって違う、目の症状の状況や領域のイメージをゆらぎに落とし込んだ形となります。（サイトのCodingや動きは足達直樹さんにーいつもありがとうございます！）


（※上下二段構えとなっておりますが、実際は横推移で一直線のサイトとなります。）

このサイトの特徴は横（右側）にスクロール推移することでの年齢の軸とそれに伴う症状を時間軸をグラデーションで見せることを重視しています。
当初は先生のグラフにあった、近視・遠視の目の見え方と年齢推移も考慮していましたが、わかりやすさやシンプルさを考え、年齢推移に一本化しています。色の付け方は10代〜朝日がのぼり〜20代〜日中〜50代〜夕方夜〜のカラーとしていて1日の流れを一生に例えたカラーイメージです。
PCもスマホも同じく横推移ですが、わかりやすくなるよう、ページ移動のボタンのあり方を色々と工夫しています。
全体、印象に残るようなシンプルでカッコイイサイトとなっております＾＾


自由診療のTOPの話を詰めていく中で、話し合いにのぼったのは総合TOPページです。

当初一番最初の頃は今の鹿児島そのだ眼科側サイト枠側に自由診療の導線リンクでの展開を最初に提案したように思います。

しかし、鹿児島そのだ眼科様名前を見ると形成外科も入っているのですが、
当初眼科サイト側と形成外科サイト側が完全に分離しており、誘導としてもちょっと分かりづらい形となっていました。また、眼科側のICLサイトへの誘導が分かりづらいという課題もあり、最初のTOPページの部分で眼科・自由診療・形成外科と扉を分ける方向性を再提案しなおしました。

各サイトへの誘導は印象に残るような展開を〜とのご要望から各サイトをイメージするアニメーション動画を徳留がそれぞれに作成しています。

こちらは鹿児島そのだ眼科へのボタンがマウスオン時の時に表示される動画。ロゴの意味合いを象徴するようなデザイン展開です。

そのだ眼科様ロゴの意味合い「個人の目への欲求と多様性」に対し、そのだ眼科を選択することをイメージしたアニメーション。ロゴの中には「人」の文字が隠されていますので、この「人」を用い、患者様・そのだ眼科様側を表現しつつ、最後に人の形4つ（目への多様性ある人々）がそのだ眼科のロゴに集約する（＝そのだ眼科様を形作る）というアニメーションです。

形成外科では公式デザイン側に「輝き」や「皮膚のキメ」のデザインイメージからの柄があります。この表現はコピー内の「きれいに治す」に直結するシンボルイメージ。この輝きを組み合わせた形で､各「美」に関する分野の輝きの形とイラストをアニメーション展開することでの美しい形（美）＝鹿児島そのだ眼科形成外科様の医療の選択肢をイメージしています。
また最後に眼科との連携のある、まぶた形成のシンボルとロゴを表示させることでの眼科と形成の連携をイメージさせることも視野にデザインしています。

自由診療サイトのデザインの主軸となる、グラデーション表現と横軸＝年齢の表示（時間経過）をイメージさせるアニメーション。年齢を重ねることでの都度様々な医療の選択の範囲があるという未来をイラストと年齢、時間軸で表現しています。自由診療サイトTOPのイメージに寄せて展開することでの統一性と、TOP側の年齢と症状の動きを一旦IndexTOP側で俯瞰的に見ることを目的としたサイト導入の動画です。

3つともAfterEffectsにて。とても….勉強になりました….笑
おかげで2025年の年賀状NFT動画や動画編集勉強にも繋がったように思います！動画のみ上で展開しましたが、ぜひ実際のサイトにてご覧いただけますと幸いです＾＾

今年半年以上かけた長丁場でした＾＾
最後に鹿児島そのだ眼科・形成外科様ありがとうございました！

＝＝＝＝＝

鹿児島そのだ眼科・形成外科総合TOPページ
https://sonoda-eye.com/

＊＊＊

鹿児島そのだ眼科・形成外科
先進的技術の自由診療TOP
https://premium.sonoda-eye.com/
＊＊＊

〒890-0053 鹿児島県鹿児島市中央町29-4
TEL：099-210-5311

＝＝＝＝
Design：WarmThanksDesign 徳留好恵
Copy＆Writer：前田真理
Coding：足達直樹

＝＝＝＝＝