ポートフォリオ｜HOSPITDESIGN

GsapとScrollTriggerを用いたLPサイト構築例

GsapとScrollTriggerを用いた
LPサイト構築例

LP1
https://scrolltrigger.hospit7.com/

LP2
https://gsap.hospit7.com/

制作期間
5日間

作業内容
デザイン、コーディング、スクロールアニメーション

GsapとScrollTriggerでスクロールアニメーションを実装しております。
Lenisライブラリを使用してスムーズで自然な慣性スクロールを実現しています。

WordPressを用いた企業サイトの構築例

WordPressを用いた
企業サイトの構築例

8ページのポートフォリオ用サイト「こころ生命」
https://heartlife.hospit7.com/

制作期間
約２週間

作業内容
コーディング、WordPress化、オリジナルポートフォリオ化

頂きましたFigmaデザインデータよりコーディングを行っています。
Topのお客様の声とプラン・料金の料金表部分はカスタムフィールドでクライアント様からも変更しやすくしており、ニュース部分はカスタム投稿タイプで対応しました。
投稿記事では関連記事やおすすめ記事を実装し、記事をSNSでも共有できるようにしています。
お問合せフォームでは自動返信メールの設定なども行っており、最後に公式テーマユニットテストデーターを用いて動的処理による表示崩れがないか確認しています。

★群馬医療福祉大学 大学院様

コーポレートサイト
https://www.shoken-gakuen.ac.jp/graduate/

制作期間
約1ヶ月

作業内容
デザイン＋コーディング、WordPress化、サイト運用保守を担当

2024年9月に公開。ユーザーフレンドリーにシンプルで読みやすいデザインを作成しました。WordPressをプラットフォームにContactForm7や他のプラグインを使用して、各種フォームや機能を実装しました。

★東日本エコロジー株式会社様

コーポレートサイト
https://ej-ecology.jp/

制作期間
約２週間

作業内容
デザイン＋コーディング、WordPress化、サイト運用保守を担当

設置事例詳細ページと社員紹介ページはクライアント様が変更しやすいようにカスタムフィールドで対応しております。

★スタジオワイエス様

６ページのコーポレートサイト
https://www.studio-wyeth.jp/

制作期間
約６日間

作業内容
コーディングを担当

私が大好きなアニメ『ブルーロック』や『葬送のフリーレン』の美術担当をされているスタジオワイエス様のサイトです

★小山市立文化センター/小山市中央公民館様

コーポレートサイト
https://www.oyama-bunkacenter.jp/
https://www.oyama-shiminkaikan.jp/chuokominkan/

制作期間
約1ヶ月

作業内容
デザイン、コーディング、サイト運用保守を担当

2024年8月に公開。アクセシビリティを意識して分かりやすくスッキリ見やすいサイトをコンセプトに制作いたしました。

★日新プランニング株式会社様

コーポレートサイト
https://www.nisshin-plan.co.jp/

制作期間
約1週間

作業内容
デザイン、コーディングを担当

2024年9月に公開。クリーンなイメージを持たせて新しさを感じれるようにしつつ読みやすさ重視というご要望にお応えして制作いたしました。