企画・情報設計
Webサイトの目的とユーザーを深く理解し、成果につながる最適な構成を設計します。
長年HTMLとCSSを中心にWeb制作に携わり、
ユーザーにとって使いやすく、気持ちよく閲覧できるページづくりを心がけています。
丁寧さとスピードのバランスを意識しつつ、日々の更新作業から新規制作まで柔軟に対応しています。
また、チーム内での連携を重視し、コミュニケーションを取りながらスムーズな進行を心がけています。
デザインの美しさだけでなく、目的や導線を意識した「伝わる構成」を心がけています。
企画からコーディングまで一貫して携わることで、サイト全体の一体感とユーザビリティを意識しています。
Webサイトの目的とユーザーを深く理解し、成果につながる最適な構成を設計します。
ターゲットに響くブランドイメージを創出し、視認性の高いUIで快適なユーザー体験を実現します。
デザインを正確に再現し、軽量で保守性の高いコーディングを行います。
サイトを訪れるお客様にとっての「心地よさ」と「伝わりやすさ」を大切に制作いたします。
納品後も長く安心して運用していただけるよう、修正や変更に柔軟に対応できる丁寧なコード記述を心がけています。
また、スマートフォンなど多様なデバイスでの快適な閲覧に配慮し、年齢や環境を問わず、より多くの方に情報が届くWebサイトを目指して制作しています※。
デザインの意図を正確に汲み取り、目的や導線を考慮した構造設計を行います。
BEMベースのSCSSモジュール設計により、再利用性と保守性を追求した効率的なスタイル管理を実現。
共通パーツを用途ごとに整理・分割し、公開後の更新や改修にも柔軟に対応しやすい構造にしています。
W3Cに準拠した正確なマークアップを行い、可読性と一貫性のあるコードを心がけています。
命名やインデントを統一し、後からの更新や修正がしやすい構造で制作しています。
ビルド環境を使わない案件でも、ディレクトリ構成や命名規則を整理して納品可能です。
主要デバイス・ブラウザでの検証を前提とし、ユーザー体験を損なわないUIを構築します。
画面サイズに応じて文字の大きさや行間、レイアウトを丁寧に調整し、操作性と視認性を最適化しています。
読み込み速度を意識し、不要スクリプトや画像の圧縮・最適化で表示速度を向上させます。
色のコントラストや操作性など、アクセシビリティにも配慮し、誰もが心地よく使えるWebサイトを意識しています。
ホームページ制作が初めての方でも、相談しながら無理なく進められるよう配慮しています。
文章作成や構成のご相談、写真の選定など、初めての方が迷いやすい部分も丁寧にサポートします。
仕様変更や修正のご依頼にも柔軟に対応し、伝えたい内容をしっかり汲み取りながら着実に進行します。
ご依頼内容に合わせて、必要なSEOの基本設定を実装します。
お問い合わせフォーム、またはX(旧Twitter)のDMからお気軽にご連絡ください。
内容がまだ固まっていない段階でも大丈夫です。
ご依頼内容を確認し、対応範囲・お見積り・納期の目安をご案内します。
ご承諾後に制作へ進みます。
お預かりしたデザインをもとに構築します。
デザインが未定の場合は、目的や雰囲気に合わせて一緒に考えながら進めます。
レスポンシブ対応やアニメーションも丁寧に調整します。
制作完了後、テスト環境でサイト全体をご確認いただきます。
必要に応じて修正を行い、公開に向けて最終調整します。
サーバーへのアップロード、またはデータ一式の納品を行います。
公開後の軽微な修正にも柔軟に対応いたします。
VSCode / Photoshop / Illustrator / After Effects / Figma / Office(Word・Excel)
Slack / Teams / Zoom / Backlog / Git
HTML / CSS / Sass(SCSS) / JavaScript / jQuery
Git (SourcetreeなどGUIクライアント使用経験あり)
FTP / SFTP を利用したファイル転送およびサーバー操作経験(FileZilla等の使用経験あり)