ポートフォリオ
Web制作実績
★株式会社ANIMA LINK様
コーポレートサイト
https://www.anima-link.com/
制作期間
5日間
作業内容
コーディングを担当
2026年5月に公開。
支給されたPhotoshopのデザインデータからデザイナーの意図や情報の優先度を正確に汲み取り、BEM記法を用いた保守性・拡張性の高いコーディングを行いました。
車を大切にするお客様の想いに寄り添う「誠実さ」や「安心感」を伝えるため、アニメーションにはGSAPを採用。
視覚的な分かりやすさを高めつつも、過度な演出は控え、上質で自然な動きになるよう細部までチューニングしています。
HTML標準に準拠したセマンティックなマークアップや、適切なaria-labelの設定など、アクセシビリティにも配慮しました。
「注文販売や修理といった事業の強みやお問い合わせ情報が正しく、迷わずユーザーに伝わること」を第一に、あらゆるデバイスで高い可読性を保てるよう実装しています。
★株式会社テクノ美建様
コーポレートサイト
https://www.tekunobiken.com/
制作期間
5日間
作業内容
コーディングを担当
2026年5月に公開。
支給されたPhotoshopのデザインデータから、各コンテンツの重要度を深く理解し、視覚的な強弱が正しくユーザーに伝わる構造で実装しました
コンポーネントの再利用性や運用のしやすさを考慮し、BEMを用いた保守性・拡張性の高いコーディングを行っています。
クライアントの「信頼感」や「誠実さ」を伝えるため、アニメーションにはGSAPを採用しました。
視覚的な分かりやすさを高めつつ、過度な演出は控え、自然で上品な動きになるよう細部までチューニングしています。
「石材研磨の強みやお問い合わせ情報が迷わずユーザーに伝わること」を第一とし、あらゆるデバイスで高い可読性を保てるよう実装しました。
★愛和建設株式会社様
コーポレートサイト
https://www.aiwakensetsu.co.jp/
制作期間
5日間
作業内容
コーディングを担当
2026年5月に公開。
支給されたPhotoshopのデザインデータをもとに、BEM設計を用いてSEOを意識したセマンティックなマークアップを行っています。
総合建設業としての信頼感や、洗練された企業イメージをWeb上で正しく伝えるため、デザインの持つ美しさや空気感を細部まで忠実に再現しました。
演出面ではGSAPを使用し、ユーザーの情報理解を妨げない範囲で、スクロールに連動した滑らかなパララックスや美しく自然なアニメーションを実装し、サイト全体のクオリティを引き上げています。
★つくし訪問クリニック様
コーポレートサイト
https://www.tsukushi-houmon.com/
制作期間
10日間
作業内容
デザイン、コーディングを担当
デザインカンプはPhotoshopで制作し、訪問診療の温かみと誠実さが伝わるよう、優しいグリーンとベージュを基調とした配色で統一しました。
「感謝と笑顔」という理念を視覚化するため、丸みを帯びた図形や柔らかなフォントを選定し、患者様やご家族が親しみを感じられるデザインを意識しています。
GSAPを用いたアニメーションで、スクロールに合わせた穏やかな動きに調整することで、訪問クリニックとしての信頼感を保ちつつ、情報の視認性を高めています。
コーディングでは保守性・拡張性を重視し、BEM設計による構造化とアクセシビリティに配慮した実装を行いました。
「心に寄り添う医療」というメッセージが正しく伝わるよう、余白を活かしたレイアウトと可読性の高い文字組みにして、安心感を提供しています。
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://new-japanese-history-lp.com/
制作期間
1週間
作業内容
コーディング、WordPress化
声優を目指す方が最初に触れる入口となるLPのため、「期待」と「ワクワク感」を損なわない実装を意識しました。
XDデザインカンプをもとにコーディングを行い、アニメーションにはGSAPとWOW.jsを使用。
画面の動きが主張しすぎないようにし、声や表現に挑戦する世界観を後押しする演出を心がけています。
★東日本エコロジー株式会社様
コーポレートサイト
https://ej-ecology.jp/
制作期間
約3週間
作業内容
デザイン＋コーディング、WordPress化、サイト運用保守を担当
運用後のことを見据え、設置事例詳細ページと社員紹介ページは、クライアント様ご自身で無理なく更新できるようカスタムフィールドで対応しています。
「更新が大変で放置されるサイト」にならないよう、実際の運用シーンを想定しながら設計を行いました。
GsapとScrollTriggerを用いたLPサイト構築例
GsapとScrollTriggerを用いた
LPサイト構築例
LP2
https://scrolltrigger.hospit7.com/
制作期間
1週間
作業内容
デザイン、コーディング、スクロールアニメーション
自己紹介LPです。
GSAPとScrollTriggerで、コンテンツの流れに合わせたスクロールアニメーションを実装しています。
アニメーションは単なる装飾ではなく、自然に視線を誘導することを意識して設計しています。
また、Lenisライブラリを採用し、操作感に違和感のない慣性スクロールを実現しました。
動きの気持ちよさと可読性のバランスを重視して調整しています。
上記以外にも
100件以上の制作実績があります
掲載できない実績も多数ございますが
以下が実績リストです
株式会社シーズン様
カテゴリー
コーポレートサイト
担当
コーディング
佐々木工業株式会社様
カテゴリー
コーポレートサイト
担当
コーディング
社会福祉法人 アルカイック様
カテゴリー
コーポレートサイト
担当
コーディング
株式会社ヨーク様
カテゴリー
コーポレートサイト
担当
コーディング
株式会社INGダイナミクス様
カテゴリー
コーポレートサイト
担当
コーディング
株式会社Halelea様
カテゴリー
コーポレートサイト
担当
コーディング
株式会社フジテックジャパン様
カテゴリー
コーポレートサイト
担当
コーディング
株式会社三和建設工業様
カテゴリー
コーポレートサイト
担当
コーディング
合同会社ひな様
カテゴリー
コーポレートサイト
担当
コーディング
匠エンジニアリング株式会社様
カテゴリー
コーポレートサイト
担当
コーディング
社会福祉法人 はづき福祉会様
カテゴリー
コーポレートサイト
担当
コーディング
スタジオワイエス様
カテゴリー
コーポレートサイト
担当
コーディング
株式会社テレフィット様
カテゴリー
コーポレートサイト
担当
コーディング
大本商店様
カテゴリー
コーポレートサイト
担当
コーディング
一般社団法人新宿区薬剤師会様
カテゴリー
コーポレートサイト
担当
コーディング
株式会社中央工測事務所様
カテゴリー
コーポレートサイト
担当
コーディング
化学一般労働組合連合様
カテゴリー
コーポレートサイト
担当
コーディング
株式会社ピュアハーツ様
カテゴリー
ランディングページ
担当
コーディング
株式会社鈴電工様
カテゴリー
コーポレートサイト
担当
コーディング
株式会社インベット様
カテゴリー
コーポレートサイト
担当
コーディング
株式会社永田紙工所様
カテゴリー
コーポレートサイト
担当
コーディング
紀和建設工業株式会社様
カテゴリー
コーポレートサイト
担当
コーディング
堀道路工業株式会社様
カテゴリー
コーポレートサイト
担当
コーディング
らしく株式会社様
カテゴリー
コーポレートサイト
担当
コーディング
有限会社千手土木様
カテゴリー
コーポレートサイト
担当
コーディング
有限会社栄和発條製作所様
カテゴリー
コーポレートサイト
担当
デザイン、コーディング
親和電気株式会社様
カテゴリー
コーポレートサイト
担当
デザイン、コーディング
白草毛織株式会社様
カテゴリー
コーポレートサイト
担当
デザイン、コーディング
日新プランニング株式会社様
カテゴリー
コーポレートサイト
担当
デザイン、コーディング
オーエス運輸株式会社様
カテゴリー
コーポレートサイト
担当
デザイン、コーディング
信和通信機販売株式会社様
カテゴリー
コーポレートサイト
担当
デザイン、コーディング
アース・エコ・エンジニアリング様
カテゴリー
コーポレートサイト
担当
デザイン、コーディング
株式会社タケシゲエイコウ様
カテゴリー
コーポレートサイト
担当
デザイン、コーディング
株式会社山本化学機械製作所様
カテゴリー
コーポレートサイト
担当
デザイン、コーディング
吉村産業株式会社様
カテゴリー
コーポレートサイト
担当
デザイン、コーディング
株式会社トラスト不動産様
カテゴリー
コーポレートサイト
担当
デザイン、コーディング
株式会社長岡運送様
カテゴリー
ランディングページ
担当
デザイン、コーディング