LP・WordPressを中心に、
保守・運用を前提とした
コーディングを行います
Coding Policy
- ・運用・改修を前提としたHTML構造
- ・CSSの責務を明確にした設計
- ・デザイン意図を崩さない再現
Coding Policy
- ・運用・改修を前提としたHTML構造
- ・CSSの責務を明確にした設計
- ・デザイン意図を崩さない再現
WORK
Web site
飲食店サイト
- ■ 担当範囲
- ・コーディング（HTML・CSS・jQuery）
・WordPress構築（オリジナルテーマ）
・ドメイン取得 / DNS設定（ネームサーバー設定） / 公開対応
- ■ 概要
- 飲食店の情報発信がグルメサイト（食べログ等）に依存している状態から脱却するため、公式サイトを新規制作し、店舗の強みを明確にしたブランディング設計を実施。
また、Google検索およびGoogleマップ経由での集客強化を目的に、Googleビジネスプロフィールと連携した予約導線を設計。
さらに、訪日外国人の来店機会を創出するため、英語対応ページを実装し、インバウンド需要への対応を行いました。
Web site
保育園サイト
- ■ 担当範囲
- ・コーディング（HTML・CSS・jQuery）
・WordPress構築（オリジナルテーマ）
・ドメイン取得 / DNS設定（ネームサーバー設定） / 公開対応
- ■ 概要
- 既存サイトがモバイルファーストに対応していなかったため、ブランディング刷新も含めたリニューアルを実施。
主なターゲットである在園児の保護者や入園を検討しているユーザーに向けて、保育園の雰囲気や日常が伝わるブログを主軸コンテンツとして設計しました。
また、PC操作に不慣れな運用担当者でも継続的に更新できるよう、シンプルで直感的な更新導線を構築。
デザイン面では余白を大きく確保し、スマートフォン画面では1コンテンツが画面内で完結するレイアウトとすることで、視認性と可読性を高めました。
Web site
企業サイト
- ■ 担当範囲
- ・コーディング（HTML・CSS・jQuery）
・WordPress構築（オリジナルテーマ）
・ドメイン取得 / DNS設定（ネームサーバー設定） / 公開対応
- ■ 概要
- 障害福祉サービス事業所の公式サイトとして、在宅ワークや就労支援を希望する利用者に向けた情報発信を目的に構成されたサイト。
サービス内容や利用までの流れ、1日の過ごし方などを分かりやすく整理し、初めての方でも安心して検討できる設計となっています。
また、PC業務を中心とした支援内容やサポート体制を具体的に提示することで、利用後のイメージを明確化し、問い合わせ・見学へとつなげる導線を構築しています。
ABOUT
Webコーダー実務経験5年
不動産会社を経験後、大阪府の職業訓練校へ入校。学んだWEBの知識を活かすため、コンサルティング会社へ広報として入社し、自社のコーポーレートサイト・LP制作などの業務に従事しました。
約2年勤務後、所属部署が子会社として独立。クライアントワークを中心に、WordPressテンプレートを用いたサイト制作・HTML5、CSS3、jQueryを用いたコーディング、WEBサイト公開に関わる業務を一貫して担当しました。
SKILL
- HTML / CSS
- レスポンシブ(rem / vw)
FLOCSSをベースにしたCSS設計
BEM命名によるクラス設計
再利用性・保守性を意識したスタイル管理
- jQuery
- UI実装（アニメーション / スクロール制御）
Swiper
- WordPress
- オリジナルテーマ制作可能
カスタム投稿 / ACF
- その他
- Git（基本操作）、SEO
ドメインの取得 / DNS設定
WordPress設置対応
独自ドメインメールアドレスの設定 / 管理
- 対応可能業務
-
- ■ LPコーディング
- ■ WordPress構築 / 改修
- ■ レスポンシブ / 既存サイト修正
- ■ カラーミーショップ等を利用したECサイトの構築 / 改修
- ■ バナー制作
- ■ ドメインの新規取得 / 設定 / 移管
- ■ 独自ドメインメールアドレスの新規作成 / 設定 / 管理
- ■ 制作サイトの操作マニュアル作成
- ■ Googleタグマネージャーを用いたタグ設置（GA4等） / 既存サイトへの計測タグ導入対応
- 使用ツール
- Illustrator / Photoshop / Visual Studio Code / XD / Figma / Slack
FLOW
-
01デザイン確認・仕様整理
デザインデータをもとに仕様の確認を行い、不明点や実装上の懸念点をディレクター・デザイナーへ共有します。
お客様の運用面や更新のしやすさも考慮し、適切な構成や実装方法の提案を行っています。 -
02コーディング
保守性・再利用性の高いコーディングを行います。
レスポンシブ対応や表示速度にも配慮し、各デバイスでの最適な表示を実現します。 -
03WordPress構築
更新頻度や運用フローを考慮し、カスタム投稿やカスタムフィールドを用いた構築を行います。
クライアントが扱いやすい管理画面設計を意識しています。 -
04テスト修正
各ブラウザ・デバイスでの表示確認や動作検証を行い、不具合の修正を行います。
テスト環境にてお客様にもご確認いただき、認識のズレがないよう調整します。 -
05公開
サーバーへのアップロード、ドメイン設定、SSL対応を行い公開します。
公開後も軽微な修正や運用面のサポートに対応可能です。
CONTACT
nakaya.marieltd@gmail.com