【アニメーション・動的設計】見る人の心に残る動きを取り入れたホームページ制作

目次

動きのあるデザインで心に残るホームページを

見る人の印象に残るホームページには、デザインだけでなく「動き」の工夫があります。

合同会社3年D組では、アニメーションや動的設計を取り入れ、訪れる人の心にやさしく届く表現を大切にしています。

アニメーションが生み出す印象

ボタンがふわりと動く、スクロールに合わせて要素が現れるなど、わずかな動きでもサイト全体の雰囲気は大きく変わります。

穏やかで上品な演出は、見る人に信頼感や温かみを伝える効果があります。

JavaScriptで自然な動きを

アニメーションには、JavaScriptを用いた軽量なプログラムを採用しています。

表示速度を落とさず、見る人にストレスを与えないように設計しています。

WordPressとの相性も抜群

WordPressと組み合わせることで、更新内容に合わせて動きを変えることも可能です。

トップページだけでなく、お知らせやブログページにも自然なアニメーションを加えられます。

現場の雰囲気を表現する設計

事業所や施設の穏やかな雰囲気を、やさしい動きで表現することができます。

動きの速さやタイミングも丁寧に調整し、見る人が安心して閲覧できるデザインを心がけています。

制作から運用まで一貫サポート

アニメーションを導入したあとも、動作確認や改善を継続的に行っています。

更新やページ追加の際にも、自然に馴染む動きが保たれるよう丁寧にサポートします。

無料相談のご案内

「どんな動きを入れたらいいかわからない」「操作が重くならないか心配」という方は、 かいご姉妹サロン のひみつのお手紙(DM)機能からお気軽にご相談ください。

私が直接お話を伺い、事業内容や目的に合ったアニメーション設計をご提案いたします。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

後長 洋平(洋ちゃん)のアバター 後長 洋平(洋ちゃん) 合同会社3年D組 代表社員/プログラマー・IT少年

後長姓の先祖は清和源氏である説があることから、鎌倉時代の囲碁文化について調べ、その学びをプログラミング制作にも活かしています。古人が大切にした“心の整え方”を、現代の医療・介護の現場にも通じる形で表現したいと考えています。元々は、奈良でホームページを制作していましたが、2024年からゲーム制作(関関同立スーパーテストで数学偏差値73(全統模試換算で偏差値75以上)の論理力ベースのオセロ・五目並べ等)に取り組み、今年9月、国内サーバーを使用したサロン(医療・介護業界専用のSNS)を完成させました。癒し趣味系サロンとして、皆さまに愛されることを願っております。10月21日、母の出身高校(奈良県立畝傍高校)の後輩の高市早苗さんが第104代内閣総理大臣に就任されたというニュースを見て明るい気持ちになりました。

奈良市立一条高校外国語科では、英語を通して「伝える力」と「聴く力」を磨きました。
言葉を学ぶ中で、人の心の動きや背景を丁寧にくみ取る大切さを知り、静かに考えを深める姿勢を育みました。
その経験が、現在のブログ執筆やサロン運営における“穏やかで丁寧な表現”につながっています。

プロフィール
大学で建築を専攻していましたが、社会人になってからプログラミングに興味を持ち、2019年よりホームページ制作を始めました。
制作を進めながらクライアントサイド(HTML・CSS・JavaScript)を学び、実践を通じてスキルを高めていきました。
その後、ゲームやアプリの開発にも取り組み、さらにサーバーサイド(PHP・Python)を習得してSNS制作へと発展させました。

ゲーム制作実績
オセロ
五目並べ
パズルゲーム
横スクロールゲーム
ブラックジャックゲーム
シューティングゲーム
三目並べ
クイズゲーム
神経衰弱ゲーム
ボウリングゲーム
パターゴルフゲーム
ピンポンゲーム


アプリ制作実績
目覚ましアプリ
万歩計
ウォーキングアプリ
ランニングアプリ
ミラーアプリ
画像サイズ圧縮アプリ
姿勢チェックアプリ
現在地取得アプリ
おみくじアプリ
タッチペンお絵描きアプリ
AIボット


運動系アプリは、サッカー全国ベスト4の経験から、日々のトレーニングをベースに健康管理をする考え方に基づいて開発しました。

ライティングについては、TOEIC675点の語学力を活かして、柔軟な英文読解をしてソースコードを記述しています。

かいご姉妹サロンを制作したきっかけ
亡き父が、母や妹、そして姪のことを心配していたことが、私の原点です。
父の思いを受け、家族や周囲の人が少しでも安心して過ごせる場所をつくりたいと考えました。
新型コロナウィルスの流行や、南海トラフ地震など将来への不安が高まる中、母たちの心細さを少しでも和らげるため、私は自らSNSを制作しました。
既読確認機能付きのDMを備え、つながりを絶やさず支え合えるしくみを整えることで、安心と信頼のある交流の場を実現したい――その思いが「かいご姉妹サロン」誕生のきっかけです。
また、母方の親戚に外科医がいることから、幼い頃から自然と医療やケアの考え方に触れる環境にありました。
その経験が、プログラミングと福祉を融合した仕組みづくりへの発想につながり、現在のサロン開発の礎となっています。
完成したSNSを、今後さらに多くの方のお役に立てるよう、これからも誠実に精進してまいります。

かいご姉妹サロン運営目的
災害時の連絡用として
(激甚災害時の生存確認などのため)
医療・介護事業者の皆さまが対象の法令に準拠
(守秘義務に配慮)
国内サーバーを使用したDMや投稿による交流
Zoom会議招待用のリンクを送信するため
非接触で新型コロナウィルスなどの感染を予防するため

DM(ひみつのお手紙)について
かいご姉妹サロンのDM機能は、通信の秘密および個人のプライバシーを守るため、運営者が内容を閲覧・開示することは一切ありません。
すべてのメッセージは安全に管理され、法令(個人情報保護法および電気通信事業法第4条)に基づき、第三者への提供・確認は行っておりません。
なお、投稿機能は安全性確保のため承認制としており、トラブルや不適切な投稿を未然に防ぐ仕組みを採用しています。
本サロンは、利用者の安心と法令遵守を最優先とし、運営方針のもとで個人情報および通信の秘密を厳重に保護いたします。

※今後、ニーズがあればアプリ化を考えています。

かいご姉妹サロンは、忙しい毎日の中で“少し話したい”“誰かの投稿に共感したい”と感じる方に向けた、安心で静かな交流の場所です。その背景や想いは、下のリンク先「IQ130相当のリバーシ」のページでも触れています。

コメント

コメントする

目次