M.Kanagawa — Portfolio

デザインの意図を、正確に、心地よく動くWebサイトへ。
HTML / CSS / JavaScript を中心に、コーディングとWordPress構築を承っています。

Scroll

Works

制作実績

Archiveこれまでの制作実績(一部)

2017

TIES-f様(兵庫県尼崎市)

デザイン会社の自社サイト。以降、パートナーとしてWeb制作に継続的に参加

デザイン・コーディング・WordPress
2016

株式会社リブプラス様(兵庫県)

外壁塗装・建築塗装会社のWebサイト

コーディング・WordPress
2010

fabbit様(大阪府)

美容・理容用ハサミ工房のWebサイト

HTMLコーディング

Profile

プロフィール

M.Kanagawaのプロフィール写真

Web Creator

M.Kanagawa金川 昌弘

はじめまして。
コーディングを中心に、デザインの作成や調整まで手がけているWebクリエイターです。
デザインと実装をまとめて担当できるので、イメージのずれが少なく、やりとりもスムーズに進められます。

サイトは公開してからが本番だと考えています。
「ちょっとここを直したい」「お知らせを更新したい」といった小さなご依頼も大歓迎です。
長く安心して使っていただけるよう、公開後もしっかりサポートします。

Strengths

  1. コーディングを中心に、デザインもまとめて対応

    コーディングを中心に、ブラウザ上で画面を組み立てながらのデザインや画像の調整(必要に応じてFigma・Photoshopでのデザイン作成も)、WordPressでのサイト構築まで、まとめてお任せいただけます。

  2. 納品後の保守・運用

    公開後の修正や不具合への対応など、サイトの保守・運用も承っています。

  3. 継続的なサポート

    更新作業や修正のご依頼など、長くお付き合いいただける継続的なサポートが得意です。

Skills

Design
  • Figma
  • Photoshop
Coding
  • HTML / CSS(SCSS)
  • JavaScript
CMS
  • WordPress

Career

  1. 2004雑貨店で販売・店舗運営を担当。POPやチラシ作りをきっかけにデザインに興味を持つ
  2. 2008Web制作を学び、制作会社のアルバイトやSOHOで制作をスタート
  3. 2009通販会社のWeb事業部・EC事業部で、ECサイトの立ち上げ・運用や楽天・Yahoo!ショッピングの店舗の構築、受託制作を担当
  4. 2014Web制作会社で、コーポレートサイト・LP・ECサイトのデザイン・コーディングやWordPressのオリジナルテーマ開発を担当。年間100〜120サイトの制作に携わる
  5. Now制作に加えて、保守運用・業務の自動化・社内ツールの開発にも取り組む

Service

できること

  1. 01

    コーディング

    Coding

    Figma・XDなどのデザインカンプをもとに、レスポンシブ対応のHTML / CSSを制作します。
    保守しやすいSCSS設計で納品します。

  2. 02

    WordPress構築

    WordPress

    オリジナルテーマの制作から、カスタム投稿・カスタムフィールドを使った更新しやすい管理画面づくりまで対応します。

  3. 03

    静的サイト構築

    Static Site

    Astro・microCMS・Netlify・GitHubなどを組み合わせて、表示が速く、更新もしやすいサイトを構築します。
    サーバー側でプログラムを動かさない仕組みのため、セキュリティ対策やシステム更新の手間を抑えられます。
    サイトの目的や運用体制に合わせて、WordPressとの使い分けもご提案します。

  4. 04

    デザイン

    Design

    デザインカンプを作り込むのではなく、実際にブラウザで動く画面を組み立てながらデザインを進めます。
    完成に近い形で確認していただけるので、イメージのずれが少なく、修正もスムーズです。
    AIやFigma・Photoshopも活用し、限られた期間やご予算でも対応できます。

  5. 05

    アニメーション実装

    Animation

    GSAPやCSSを使い、スクロール連動やローディングなどの動きを実装します。
    表示速度やアクセシビリティにも配慮します。

  6. 06

    修正・保守

    Maintenance

    既存サイトの部分修正、ページ追加、表示崩れの調整など、小さなご依頼もお気軽にご相談ください。

Flow

  1. ヒアリング

    内容・スケジュールを確認します

  2. お見積り

    デザインをもとにお見積りします

  3. コーディング

    進捗を共有しながら制作します

  4. 確認・修正

    テストアップ後に修正対応します

  5. 納品

    データ納品・サーバー公開します

Instagram

Instagram APIと連携し、投稿を自動で取得して表示しています。
こうしたSNSの埋め込みにも対応可能です。

※ 東京ランチのブログとあわせて運用していたアカウントのため、現在は更新が少なめです。

Contact

お問い合わせ

Let's work
together.

Webサイトの制作や、更新・修正のご依頼、ちょっとしたご相談まで、お気軽にお問い合わせください。

制作会社さま・デザイナーさまからのご依頼も歓迎しています。

対応内容
デザイン / コーディング / WordPress構築 / 保守・運用
返信目安
2営業日以内
稼働時間
平日 10:00〜18:00

プライバシーポリシー(新しいタブで開きます)をご確認のうえ、同意いただける場合はチェックを入れてください。

お客様のメール設定によっては当サイトからのメールが迷惑メールに振り分けられる場合があります。メールが届かない場合は、恐れ入りますが一度迷惑メールの受信箱もご確認ください。

このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシーと利用規約が適用されます。