ウェブコーダー鈴木孝浩当たり前のことを当たり前に、
無骨なまでに貫く。

  • 架空サイト「Japan Formula X」のスクリーンショット
  • ランディングページ「RX不用品回収」のスクリーンショット
  • ランディングページ「助っ人稼業本田式」のスクリーンショット
  • ランディングページ「TSUMUJI Writing Studio」のスクリーンショット
  • ランディングページ「スニフアンドスカリー株式会社 SNS広告講座」のスクリーンショット
  • ポートフォリオサイト「鈴木孝浩ポートフォリオサイト」のスクリーンショット
  • 架空サイト「Japan Formula X」のスクリーンショット
    ランディングページ「RX不用品回収」のスクリーンショット
  • ランディングページ「RX不用品回収」のスクリーンショット
    ランディングページ「助っ人稼業本田式」のスクリーンショット
  • ランディングページ「助っ人稼業本田式」のスクリーンショット
    ランディングページ「TSUMUJI Writing Studio」のスクリーンショット
  • ランディングページ「TSUMUJI Writing Studio」のスクリーンショット
    ランディングページ「スニフアンドスカリー株式会社 SNS広告講座」のスクリーンショット
  • ランディングページ「スニフアンドスカリー株式会社 SNS広告講座」のスクリーンショット
    ポートフォリオサイト「鈴木孝浩ポートフォリオサイト」のスクリーンショット
  • ポートフォリオサイト「鈴木孝浩ポートフォリオサイト」のスクリーンショット
    架空サイト「Japan Formula X」のスクリーンショット

コーダーすずしかの ポートフォリオサイト

すずしかについて

見えないところまで丁寧にこだわり
どんなユーザーにとっても心地よい
あなたの理想を形にするサイト制作

スキル

HTML

HTMLは、Webページを作成するための基本的な言語で、テキストや画像などのコンテンツを構造化し、Webブラウザに表示する方法を指定します。

CSS

CSSは、Webページの見た目やレイアウトを制御するための言語で、コンテンツのスタイルやデザインを指定します。

JavaScript

JavaScriptは、Webページをより動的にするためのプログラミング言語で、アニメーションやユーザーとのインタラクション、データの検証や処理などを実現できます。

WordPress

WordPressは、Webサイトを構築するためのツールで、コンピューターコードを書くことなく、テンプレートやプラグインを使ってWebサイトを作成することができます。

Astro.js

Astro.jsは、コンテンツの表示が高速でSEOやユーザビリティに優れたWebサイトの制作が可能な、静的サイトジェネレータです。

microCMS

microCMSは、APIベースでコンテンツ管理が行える日本製のヘッドレスCMSで、Astroと組み合わせることで高速で利便性の高いブログサイトを実現できます。

マーケ
ティング
支援

Googleアナリティクス、Googleサーチコンソール、ヒートマップなどのツールを用いたSEO対策やLP改善施策(ABテスト含む)、GBP運用をサポートします。

制作実績

  • JAPAN FORMULA-X
    (架空サイト)

    架空サイト「Japan Formula X」のスクリーンショット

    こだわり

    3年程前にスクールの課題でデザインを制作した架空のモータースポーツシリーズのプロモーションサイトです。デザインを始めたばかりでコーディングしにくいデザインでしたが、おかげでコーディング力が鍛えられました。

    言語・ツール

    • HTML
    • CSS
    • JavaScript
  • RK不用品回収 様
    (ランディングページ)

    ランディングページ「RX不用品回収」のスクリーンショット

    こだわり

    東京・埼玉の格安不用品回収サービスのLPです。比較的納期に余裕があったため、可能な限り画像に頼らずにコーディングしました。FV(ファーストビュー)もほぼすべてテキストでコーディングしています。

    言語・ツール

    • HTML
    • CSS
    • JavaScript
  • 助っ人稼業本田式 様
    (ランディングページ)

    ランディングページ「助っ人稼業本田式」のスクリーンショット

    こだわり

    千葉県松戸市のハウスクリーニング&助っ人屋のLPです。ディレクションも私が担当しました。SPデザインとPCデザインの差異が大きいため、レスポンシブ対応に苦労しましたが、自分のスキルアップによい経験になりました。

    言語・ツール

    • HTML
    • CSS
  • TSUMUJI Writing Studio 様
    (ランディングページ)

    ランディングページ「TSUMUJI Writing Studio」のスクリーンショット

    こだわり

    Webライターの編集プロダクションのLPです。静的コーディングを担当しました。画像で対応した箇所が多めですが、それでも可能な限りセマンティックなマークアップになるよう配慮しました。

    言語・ツール

    • HTML
    • CSS
    • JavaScript
  • スニフアンドスカリー 様
    (ランディングページ)

    ランディングページ「スニフアンドスカリー SNS広告講座」のスクリーンショット

    こだわり

    スニフアンドスカリー株式会社の松田絵理社長のSNS広告運用講座のLPです。既に協業経験のあるデザイナーさんとの協業のため、デザインの再現はスムーズでした。その一方で、モーダルと送信フォームについてはコーディング着手後に変更が生じ、調整に時間がかかりました。

    言語・ツール

    • HTML
    • CSS/SCSS
    • JavaScript
  • 鈴木孝浩 ポートフォリオサイト
    (当サイト)

    ポートフォリオサイト「鈴木孝浩ポートフォリオサイト」のスクリーンショット

    こだわり

    当ポートフォリオサイトです。Astro.jsとmicroCMSを連携し、エンドクライアントにとって更新しやすい実装を目指しました。お問い合わせフォームはSSGformを活用して実装し、デプロイはGitHubとVercelを連携しリアルタイムでコードの修正が反映されるようにしています。

    言語・ツール

    • HTML
    • CSS/SCSS
    • JavaScript
    • Astro.js
    • microCMS
    • GitHub
    • Vercel

制作の流れ

Webサイト制作

  1. ステップ1お問い合わせ

    まずはお気軽にお問い合わせください。 必要に応じて、対面またはオンラインでヒアリングいたします。

  2. ステップ2ご契約

    見積書・仕様確認書を事前に提示し、正式発注を承ります。 制作費の全額または前金(着手金)をご入金いただきます。

  3. ステップ3ライターヒアリング

    原稿作成にあたり1~2時間程度ヒアリングいたします。

  4. ステップ4原稿・デザイン

    ヒアリング内容に基づき原稿・デザインを作成いたします。 進捗状況はこまめに報告いたします。ご不明点は随時ご相談ください。

  5. ステップ5コーディング

    原稿・デザインの完成後、コーディングに入ります。 進捗状況はこまめに報告いたします。ご不明点は随時ご相談ください。

  6. ステップ6最終確認・修正

    制作物をご確認いただき、修正を行います。

  7. ステップ7納品

    すべての工程が完了しましたら、残金がある場合は残金をご入金いただきます。

コーディング代行

  1. ステップ1お問い合わせ

    まずはお気軽にお問い合わせください。 必要に応じて、対面またはオンラインでヒアリングいたします。

  2. ステップ2ご契約

    見積書・仕様確認書を事前に提示し、正式発注を承ります。 制作費の全額または前金(着手金)のご入金と、デザインデータを送付いただきます。

  3. ステップ3コーディング

    進捗状況はこまめに報告いたします。ご不明点は随時ご相談ください。

  4. ステップ4初稿提出・修正

    制作物をご確認いただき、修正を行います。

  5. ステップ5納品

    すべての工程が完了しましたら、残金がある場合は残金をご入金いただきます。

料金/お客様の声

料金表はあくまでも目安となります。
お見積もりでは、ご予算やサイトの仕様に応じて柔軟なご提案をさせていただきます。お気軽にご相談ください。

これまでご依頼いただいたお客様や、Webサイト制作の協業者様から寄せられた声をご紹介します。お仕事のご依頼を検討される際の参考にご覧ください。

お問い合わせ

Webサイト制作/コーディング代行

ご相談やお見積もりなど
お気軽にお問い合わせください。

お問い合わせはこちら
トップへ