satch's portfolio

works

制作実績

これまでに手掛けた制作実績の一部をご紹介します。

すべての実績を見る

policy

大切にしていること

01

心地よい
コミュニケーション

こまめな進捗報告と迅速なレスポンスにより、
クライアント様の貴重なお時間を必要以上に奪わない
簡潔で分かりやすいコミュニケーションを心がけています。
02

未来を見据えたコード

その場しのぎではなく、誰が見ても分かりやすく、メンテナンス性に優れたコードを記述します。
それは納品して終わりではない、未来への『資産』です。
03

デザインへの敬意

再現性はもちろん、そのデザインが持つ”らしさ”や”意図”を汲み取り、レスポンシブのレイアウト、動きや余白、操作感に至るまで、丁寧に形にすることを約束します。

service
できること

提供サービス
- デザインカンプからのコーディング
- WordPressオリジナルテーマ構築
- アニメーションのご提案
- 既存サイトの修正・運用保守
- デザインカンプからのコーディング
  
  デザインを忠実に再現するだけでなく、レスポンシブ対応においてもデザインの意図や情報の優先順位を汲み取り、画面サイズごとに最適なレイアウト・余白・見せ方を丁寧に設計します。 BEM や FLOCSS に基づいた、誰が見ても分かりやすく、メンテナンス性に優れた CSS 設計を行います。
  
  【対応内容】
  - PC / タブレット / スマートフォン対応（320px〜2560px）
  - 主要ブラウザ対応（Chrome / Edge / Safari / Firefox）
  - 適切なタグ設計と使用、meta / alt 設定などの内部SEO対策
  - 画像圧縮など、表示速度を意識したコーディング
- WordPressオリジナルテーマ構築
  
  デザインを元に、完全オリジナルのWordPressテーマを構築します。お客様が直感的に更新できるよう、カスタムフィールドを適切に設計し、使いやすさまで考慮して実装します。
  - 保守性・拡張性を考慮したテーマ設計
  - 画像圧縮や不要な読み込みを抑えた表示速度の最適化
  - 基本的な内部SEO対策（構造化・meta設定など）
- アニメーションのご提案
  
  デザインの意図を理解した上で、必要なアニメーションを提案します。見た目を動かすことが目的ではなく、情報の伝わりやすさや視線の流れを整理するために、「どこに・どのくらい・なぜ動かすか」を考えます。デザイン全体のトーンや余白とのバランスを崩さないよう、過不足のないアニメーションを心がけています。
- 既存サイトの修正・運用保守
  
  「この部分だけ直したい」「毎月の更新作業をお願いしたい」といったご要望にも、迅速かつ丁寧に対応します。かゆいところに手が届く、頼れるパートナーとしてサポートします。
主な使用技術
- Languages
  - HTML5
  - CSS3
  - JavaScript
  - PHP
- Frameworks
  & Libraries
  - Sass/SCSS
  - jQuery
  - GSAP
- CMS
  - WordPress
- Tools
  - Figma
  - Adobe XD
制作の流れの一例
- 01.お問い合わせ
  
  どんな小さなことでもご相談ください。お問い合わせフォーム、またはX（旧Twitter）のDMからお気軽にご連絡いただけます。「まだ依頼するか未定」「この部分だけ直したい」といった段階でも大丈夫です。
- 02.ヒアリング・お見積り
  
  目的・ご希望のデザイン・納期・納品形式を確認し、作業範囲を明確にした上でお見積りをご提示します。認識のズレが起きないよう、決定事項は文章で整理して共有します。
- 03.制作（進捗の見える化）
  
  制作は共有の進捗管理シートで進めます。「今どこまで進んでいるか」「次に何をするか」をいつでも確認できる状態にし、必要なタイミングでご連絡します。作業がまとまった段階でテスト環境（確認用URL）へ反映し、実際の表示をご確認いただけます。
- 04.テスト・品質チェック（チェックシート）
  
  納品前に独自のチェックシートに基づき、表示崩れ・挙動・レスポンシブ・主要ブラウザなどを確認します。必要に応じて実機（iPhone / Android など）でも最終確認を行い、安心して公開できる状態に整えます。
- 05.納品・公開・アフターサポート
  
  最終確認後、データを納品します（zip形式などご希望に合わせます）。サーバーアップロードも対応可能です。 ※納品後30日間は、当方の過失による不具合は無償で修正対応いたします