ポートフォリオ
Web制作実績
★社会福祉法人 アルカイック様
コーポレートサイト
https://nankamihome.org/
制作期間
1週間
作業内容
コーディングを担当
2026年2月に公開予定。
Photoshopで制作されたデザインデータをもとに、BEM設計で保守性・拡張性を意識したマークアップを行っています。
「施設感・医療感を出しすぎないこと」を重視し、ご利用者様やご家族が安心して閲覧できる、やわらかく温度感のある表現を意識して実装しました。
アニメーションにはGSAPを使用し、視線誘導や情報理解を妨げない範囲で、スクロール時に自然な動きを加えています。
また、更新や修正が発生しやすい業態であることを踏まえ、クラス設計や構造は第三者が見ても把握しやすい構成を心がけました。
★社会福祉法人 はづき福祉会様
コーポレートサイト
https://www.work-haduki.com/
制作期間
1週間
作業内容
コーディングを担当
2026年1月に公開予定。
Photoshopで制作されたデザインデータをもとに、デザインの意図や情報の優先度を意識しながら、保守性・拡張性を重視したコーディングを行っています。
アニメーションにはGSAPを使用し、視覚的な分かりやすさを高めつつも、社会福祉法人としての落ち着き・信頼感を損なわない表現に配慮しています。
過度な演出にならないよう、動きの強さやタイミングを調整し、利用者やそのご家族にも安心して閲覧していただけるよう心がけました。
「情報が正しく、迷わず伝わること」を第一に、可読性にも配慮した実装を行っています。
★株式会社ローズアップ様
ランディングページ
https://new-japanese-history-lp.com/
制作期間
1週間
作業内容
コーディング、WordPress化
声優を目指す方が最初に触れる入口となるLPのため、「期待」と「ワクワク感」を損なわない実装を意識しました。
XDデザインカンプをもとにコーディングを行い、アニメーションにはGSAPとWOW.jsを使用。
画面の動きが主張しすぎないようにし、声や表現に挑戦する世界観を後押しする演出を心がけています。
WordPressを用いた企業サイトの構築例
WordPressを用いた
企業サイトの構築例
8ページのポートフォリオ用サイト「こころ生命」
https://heartlife.hospit7.com/
制作期間
２週間
作業内容
コーディング、WordPress化、オリジナルポートフォリオ化
頂きましたFigmaデザインデータよりコーディングを行っています。
Topのお客様の声とプラン・料金の料金表部分はカスタムフィールドでクライアント様からも変更しやすくしており、ニュース部分はカスタム投稿タイプで対応しました。
投稿記事では関連記事やおすすめ記事を実装し、記事をSNSでも共有できるようにしています。
お問合せフォームでは自動返信メールの設定なども行っており、最後に公式テーマユニットテストデーターを用いて動的処理による表示崩れがないか確認しています。
WordPress制作実績
★群馬医療福祉大学 大学院様
コーポレートサイト
https://www.shoken-gakuen.ac.jp/graduate/
制作期間
約1ヶ月
作業内容
デザイン＋コーディング、WordPress化、サイト運用保守を担当
大学院サイトとして「正確な情報が、ストレスなく伝わること」を最優先に設計しました。
デザインは主張しすぎず、コンテンツそのものが自然に目に入るよう、シンプルで読みやすい構成を意識しています。
Contact Form 7を含む各種プラグインを活用することで、管理者が更新しやすく、将来的な拡張にも対応できる仕組みを構築しました。
制作時だけでなく、公開後の運用まで見据えたサイトづくりを行っています。
★東日本エコロジー株式会社様
コーポレートサイト
https://ej-ecology.jp/
制作期間
約3週間
作業内容
デザイン＋コーディング、WordPress化、サイト運用保守を担当
運用後のことを見据え、設置事例詳細ページと社員紹介ページは、クライアント様ご自身で無理なく更新できるようカスタムフィールドで対応しています。
「更新が大変で放置されるサイト」にならないよう、実際の運用シーンを想定しながら設計を行いました。
GsapとScrollTriggerを用いたLPサイト構築例
GsapとScrollTriggerを用いた
LPサイト構築例
LP2
https://scrolltrigger.hospit7.com/
制作期間
1週間
作業内容
デザイン、コーディング、スクロールアニメーション
自己紹介LPです。
GSAPとScrollTriggerで、コンテンツの流れに合わせたスクロールアニメーションを実装しています。
アニメーションは単なる装飾ではなく、自然に視線を誘導することを意識して設計しています。
また、Lenisライブラリを採用し、操作感に違和感のない慣性スクロールを実現しました。
動きの気持ちよさと可読性のバランスを重視して調整しています。
上記以外にも
100件以上の制作実績があります
掲載できない実績も多数ございますが
以下が実績リストです
株式会社Halelea様
カテゴリー
コーポレートサイト
担当
コーディング
つくし訪問クリニック様
カテゴリー
コーポレートサイト
担当
デザイン、コーディング
株式会社シーズン様
カテゴリー
コーポレートサイト
担当
コーディング
株式会社フジテックジャパン様
カテゴリー
コーポレートサイト
担当
コーディング
匠エンジニアリング株式会社様
カテゴリー
コーポレートサイト
担当
コーディング
スタジオワイエス様
カテゴリー
コーポレートサイト
担当
コーディング
株式会社テレフィット様
カテゴリー
コーポレートサイト
担当
コーディング
大本商店様
カテゴリー
コーポレートサイト
担当
コーディング
一般社団法人新宿区薬剤師会様
カテゴリー
コーポレートサイト
担当
コーディング
株式会社中央工測事務所様
カテゴリー
コーポレートサイト
担当
コーディング
化学一般労働組合連合様
カテゴリー
コーポレートサイト
担当
コーディング
株式会社ピュアハーツ様
カテゴリー
ランディングページ
担当
コーディング
株式会社鈴電工様
カテゴリー
コーポレートサイト
担当
コーディング
株式会社インベット様
カテゴリー
コーポレートサイト
担当
コーディング
株式会社永田紙工所様
カテゴリー
コーポレートサイト
担当
コーディング
紀和建設工業株式会社様
カテゴリー
コーポレートサイト
担当
コーディング
堀道路工業株式会社様
カテゴリー
コーポレートサイト
担当
コーディング
らしく株式会社様
カテゴリー
コーポレートサイト
担当
コーディング
有限会社千手土木様
カテゴリー
コーポレートサイト
担当
コーディング
親和電気株式会社様
カテゴリー
コーポレートサイト
担当
デザイン、コーディング
日新プランニング株式会社様
カテゴリー
コーポレートサイト
担当
デザイン、コーディング
オーエス運輸株式会社様
カテゴリー
コーポレートサイト
担当
デザイン、コーディング
信和通信機販売株式会社様
カテゴリー
コーポレートサイト
担当
デザイン、コーディング
アース・エコ・エンジニアリング様
カテゴリー
コーポレートサイト
担当
デザイン、コーディング
株式会社タケシゲエイコウ様
カテゴリー
コーポレートサイト
担当
デザイン、コーディング
株式会社山本化学機械製作所様
カテゴリー
コーポレートサイト
担当
デザイン、コーディング
吉村産業株式会社様
カテゴリー
コーポレートサイト
担当
デザイン、コーディング
株式会社トラスト不動産様
カテゴリー
コーポレートサイト
担当
デザイン、コーディング
株式会社長岡運送様
カテゴリー
ランディングページ
担当
デザイン、コーディング