VIP STUDIO MICHAEL & Di
ジャーナル
ウェブデザイン、コンテンツ、デジタル開発の実践
01 / 23.10.2026マウスを使わないメニュー操作：キーボードナビゲーションと見えるフォーカス
移動順序、見やすいフォーカス、サブメニューの開閉を整理し、マウスなしで使えるサイトメニューを実際の操作で確認します。
02 / 23.10.2026リンクプレビューの整え方：タイトル・説明・カバー画像をそろえる
表示場所ごとの文章、記事に合うカバー画像、スマートフォンでのトリミング確認、実際に検証できた状態の記録まで。リンクプレビューを整える実務手順。
03 / 23.10.2026フォームのエラーは、次の一歩を案内するためにある
赤い枠だけで終わらせず、問題のある項目、修正方法、送信結果をわかりやすく伝えるフォームを考えます。
04 / 23.10.2026私たちの誇り
MICHAEL & Diのトロフィー、シンボル、制作姿勢。創設者から提供された画像を通して、仕事の質を考えます。
05 / 23.10.2026デザインの前に：アイデアを明確な制作要件に変える
最初の打ち合わせで整理したい目的、対象者、素材、制作範囲、完成の判断基準。
06 / 23.10.2026サイト構成：最初の疑問から問い合わせまでの道筋
社内組織ではなく、顧客の疑問を基準にページとナビゲーションを設計する方法。
07 / 23.10.2026モバイルの文字設計：読みやすいサイトにするために
文字サイズ、コントラスト、改行、フォームを確認し、見た目だけでなく読める画面をつくる。
08 / 23.10.2026誇張しないポートフォリオ：事例で伝えるべきこと
課題、制約、判断、担当範囲、確認できる結果を使って、制作内容を誠実に伝える。
09 / 23.10.2026画像と表示速度：見た目を保ち、不要な重さを減らす
写真の役割、サイズ違い、形式、読み込み順、品質を実際の画面で確認する方法。
10 / 23.10.2026テクニカルSEO：サイト公開前に確認したいこと
インデックス、URL、転送、公開設定を整え、重要な内容が見つかる土台をつくる。
11 / 23.10.2026コンテンツSEO：本当の疑問に答えるページをつくる
キーワードの反復や中身の薄いページではなく、利用者の目的に合う記事を計画する。
12 / 23.10.2026Google広告のランディングページ：広告の約束を引き継ぐ
広告費を使う前に、広告、遷移先、問い合わせフォームのつながりを確認する。
13 / 23.10.2026アクセス解析と同意：必要なことを測り、選択を尊重する
イベントの定義、問い合わせの確認、訪問者の選択に応じたタグの動作を整理する。
14 / 23.10.2026公開後の運用：サイトを使える状態に保つ
フォーム、更新、バックアップ、担当者を整理し、公開後も役立つサイトにする。