MARUMI.web

MARUMI.web

制作会社・マーケティング会社・広告会社の皆さまへ

デザインに、応える実装。

コーディング・WordPress構築

余白も、動きも、更新のしやすさも。

デザインの意図をくみ取り、Webサイトに。

中村智穂が直接担当します。

実務5年累計221案件*

*新規制作から部分改修までを含みます。

制作実績を見る 案件を相談する

制作実績

01 / SELECTED WORKS

01

Terminal

Web制作スタジオのコーポレートサイト

動きで、世界観をつなぐ。

Terminal公式サイトのファーストビュー（PC表示）
  • スクロール演出
  • 手描きのライン
  • WordPress構築

デザインの空気感を、動きまで。

制作スタジオの自社サイトを実装。手描きの線や写真のアニメーションを、GSAPで形にしました。

担当：コーディング／WordPress実装

デザイン：パートナーデザイナー

実装の詳細を見る

熊本のWeb制作スタジオの自社サイト。同業のプロから実装を任せていただいた案件で、デザインの世界観を動きでどこまで再現できるかが問われました。

  • GSAP ScrollTrigger＋DrawSVGで、手描き風の線がスクロールに合わせて描かれていく演出を実装
  • 写真コラージュのアニメーションなど、デザイナーの意図した空気感をそのまま動きに変換
  • スライダーはSwiperのWebGLトランジションで実装し、ページ全体の世界観を統一

WordPress（オリジナルテーマ）

  • WordPress
  • GSAP
  • Swiper（WebGL）
公開サイトを見る
02

KIARITA

ジュエリーブランドサイト

探す・更新するを、スムーズに。

KIARITAコレクションページ（PC表示）。アイテムと素材で絞り込める商品検索UI
  • Ajax商品検索
  • スマートフォン対応
  • 運用・保守

探しやすさも、更新のしやすさも。

アイテムと素材で絞り込む商品検索をAjaxで実装。WordPress構築から、公開後の運用・保守まで担当しています。

担当：コーディング／WordPress化／運用・保守

実装の詳細を見る

全202点のジュエリーを扱うブランドサイト。商品を探しやすくする検索体験と、公開後の運用のしやすさが求められた案件です。

  • 「アイテム種別 × 素材」の2軸で絞り込める商品検索を、プラグインに頼らずAjaxで実装。選んだ条件に該当する商品だけを取得するため、ページ遷移なしで軽快に探せます
  • スマートフォンには専用サイズの画像を出し分け、初期表示の速度に配慮
  • 更新を前提としたWordPressオリジナルテーマとして構築し、公開後も運用・保守を継続して担当しています

WordPress（オリジナルテーマ）

  • WordPress
  • オリジナルテーマ
  • Ajax絞り込み検索
公開サイトを見る

その他の制作実績

駒場工務店公式サイトのファーストビュー（PC表示）

駒場工務店

工務店の公式サイト

画面幅が変わっても、余白と写真のバランスを保つレスポンシブ実装。施工事例のスライダーとWordPress構築を担当しました。

担当：コーディング／WordPress実装

デザイン：パートナーデザイナー

実装の詳細を見る

和歌山で創業200年の歴史をもつ工務店の公式サイト。「人を思う。」という理念を、余白と写真で見せる上質なデザインを崩さず実装することが求められました。

  • 余白を活かしたデザインを、画面幅が変わっても崩れないよう丁寧にレスポンシブ実装
  • 建築家と協働した施工事例は、Splideのスライダーで写真を主役に表示
  • GSAP（ScrollTrigger）の控えめなスクロール演出で、落ち着いた世界観を保ったままWordPress化

WordPress（オリジナルテーマ）

  • WordPress
  • GSAP
  • Splide
公開サイトを見る
8farm（エイトファーム）のトップページ。農園の写真とナビゲーション。

8farm｜エイトファーム

農園のブランドサイト

宮古島で夫婦が営む農園のブランドサイト。明るく温かみのある写真主役のデザインを忠実にコーディングし、Swiperのスライダーで産地や商品の世界観を伝えるWordPressサイトに仕上げました。

担当：コーディング／WordPress構築

デザイン：パートナーデザイナー

実装の詳細を見る

宮古島で夫婦が営む農園のブランドサイト。明るく温かみのある写真主役のデザインを忠実にコーディングし、Swiperのスライダーで産地や商品の世界観を伝えるWordPressサイトに仕上げました。

    WordPress（オリジナルテーマ）

    • WordPress
    • Swiper
    公開サイトを見る
    一朶の雲株式会社のトップページ。公開サイトの実画面。

    一朶の雲株式会社

    コンテンツ制作会社のコーポレートサイト

    映像・記事・PR設計を手がける熊本のコンテンツ制作会社のコーポレートサイト。「人間くさいって、信じられる。」という世界観を、GSAP（ScrollTrigger・CustomEase）とSplideによる落ち着いたスクロール演出で表現し、WordPressで構築しました。

    担当：コーディング／WordPress構築

    デザイン：パートナーデザイナー

    実装の詳細を見る

    映像・記事・PR設計を手がける熊本のコンテンツ制作会社のコーポレートサイト。「人間くさいって、信じられる。」という世界観を、GSAP（ScrollTrigger・CustomEase）とSplideによる落ち着いたスクロール演出で表現し、WordPressで構築しました。

      WordPress（オリジナルテーマ）

      • WordPress
      • GSAP
      • Splide
      公開サイトを見る

      このほかの未公開実績は、面談の際にお見せできます。

      • 製造業の製品LP静的コーディング・モーダル実装
      • 住宅系LP静的コーディング・レスポンシブ対応

      担当者について

      02 / YOUR PARTNER

      MARUMI.web 中村智穂
      熊本から、全国の制作チームへ。

      聞きすぎず、突っ走らず。
      一緒に進めやすい実装担当でありたい。

      中村 智穂Chiho Nakamura

      熊本県在住 ／ 2021年開業
      全国リモート対応

      • 背景を汲んで動く
      • 要点を絞って確認
      • 不安にさせない進行

      はじめまして、MARUMI.webの中村智穂です。Web制作会社でコーダーとして勤務した後、現在は制作会社・広告会社などの外部パートナーとして、コーディングとWordPress構築を担当しています。

      経歴と、仕事で大切にしていること

      前職は携帯ショップの販売員でした。複雑な内容を整理して、相手が判断しやすい言葉で伝える。その経験は、仕様の確認やご相談のやり取りにもつながっています。

      細かな違いに気づいたときは、どう進めるとよいかを考えてから確認する。迷う点は早めに共有する。実装の仕上がりと同じくらい、一緒に仕事を進める時間も大切にしています。

      ご相談から実装・公開まで、本人が直接担当します。

      対応業務

      03 / SERVICES

      • コーディング・LP実装

        デザインデータから、
        レスポンシブ対応まで。

      • WordPress構築・改修

        オリジナルテーマ・カスタム投稿・
        ACFに対応。

      • アニメーション実装

        GSAPで、デザインに合う
        動きを実装。

      対応できることを詳しく見る
      （公開・運用・既存Shopify改修など）
      コーディング・LP実装

      デザインができたので、実装をお願いしたい。

      Figma・XD・Photoshop・Illustratorのデザインから、HTML / CSS / Sass / JavaScriptで実装。コーポレートサイトから製品・住宅系LPまで対応しています。

      レスポンシブ対応 ／ 下層ページ追加 ／ フォーム実装

      WordPress構築・改修

      公開後、自分たちで更新できるサイトにしたい。

      オリジナルテーマの構築、カスタム投稿、ACFに対応。お知らせや商品など、更新する内容に合わせて管理画面をつくります。既存サイトの改修も承ります。

      オリジナルテーマ ／ カスタム投稿・ACF ／ 既存テーマ改修

      アニメーション実装

      このデザインに合う動きを相談したい。

      GSAPやJavaScriptで、スクロール演出・手描き風の線・写真の切り替えを実装。動きの参考がある場合も、デザインに合わせて調整します。

      GSAP・ScrollTrigger ／ Swiper・Splide ／ CSSアニメーション

      公開・運用
      サーバー反映、フォーム・リンクの確認、公開後の修正や保守まで対応します。
      Shopifyの既存ストア改修
      テーマやセクションの改修、管理画面から画像・リンクを差し替えられるカスタマイザー対応も可能です。

      貴社のコーディングルール・納品方法に合わせて対応します。Git・GitHub ／ Vite ／ Docker

      制作の進め方

      04 / WORKING TOGETHER

      確認しやすく、進めやすく。

      確認事項・選択肢を、まとめて共有

      貴社の制作チームMARUMI.web 中村

      途中の画面を見ながら、一緒に確認。

      1. 01

        確認事項は、まとめて。

        実装案・選択肢を共有。仕様・費用は、合意のうえで進めます。

      2. 02

        途中の画面も、共有。

        テスト環境で途中の画面を共有。懸念点も、早めにお伝えします。

      3. 03

        公開前に、動作確認。

        PC・SP・実機で表示と操作を確認。フォーム・リンクもチェック。

      進め方を詳しく見る

      想定する実装や選択肢と一緒に、確認事項をまとめて共有。仕様や費用に関わる判断は、合意してから進めます。

      スケジュールと確認事項をまとめ、テスト環境で途中経過を共有。懸念点が見つかったら、早めにお伝えします。

      PC・スマートフォン・主要ブラウザと実機での表示、フォーム送信、リンクや操作性を確認してお渡しします。

      ご相談から、公開まで。

      05 / PROJECT FLOW

      1. 01

        ご相談・内容確認

        概要・ご希望の納期

        案件の概要とご希望の納期を、メールでお送りください。

      2. 02

        お見積もり・スケジュール共有

        作業範囲・スケジュール

        作業範囲・金額・スケジュールをご提示し、合意後に着手します。

      3. 03

        実装・確認

        テスト環境でご確認

        テスト環境で途中の画面をご確認いただきながら、実装を進めます。

      4. 04

        公開・納品

        公開 または データ納品

        公開作業、またはデータで納品します。納品後の不具合も修正します。

      ご相談から納品まで、中村が直接担当します。

      よくあるご質問

      クレジット非表示やNDAでの対応はできますか？

      はい。制作会社さま・ディレクターさまの下請けとして、サイトへの制作者クレジット非表示やNDAの締結に対応します。エンドクライアントの前に出ることはありません。

      契約や請求まわりの対応を教えてください

      業務委託契約書・NDAの締結、請求書払いに対応しています。締め日やお支払いサイトなどの条件は、貴社の規定に合わせて調整できますのでご相談ください。

      一部のページや機能だけ依頼できますか？

      もちろんです。1ページ単位・1機能単位でお受けしています。「この下層ページだけ」「お問い合わせフォームだけ」といったご依頼も歓迎です。

      WordPressの機能やサーバーまわりも相談できますか？

      はい、まずはお気軽にご相談ください。内容をうかがったうえで、対応できる範囲とできない範囲を正直にお伝えします。

      料金はどのように決まりますか？

      ページ数・構成・アニメーションの複雑さ・WordPressの有無などで変動するため、ご要件をうかがって個別にお見積りします。お見積りは無料ですので、お気軽にご相談ください。

      修正は何回までお願いできますか？

      ご依頼範囲内の修正（デザインとの差異・表示崩れ・不具合など）は、回数制限なく対応します。デザイン変更や仕様追加にあたる内容は、別途お見積りのうえご相談させてください。

      納期が短い案件でも相談できますか？

      はい、まずはご相談ください。スケジュールの状況次第ですが、稼働を調整して特急対応できる場合があります。お急ぎの際は、お問い合わせ時に希望納期をお書き添えください。

      納品後の保守や更新もお願いできますか？

      はい。テキスト差し替えなどの軽微な修正はスポットで、定期的な更新やWordPressのバージョン管理などは継続的な保守としてご相談いただけます。納品して終わりではなく、運用まで伴走します。

      対応時間や連絡のスピードは？

      平日9〜18時ごろの稼働で、土日も急ぎの場合は対応します。お問い合わせには原則1営業日以内にご返信します。ご契約後のやり取りは、ChatWorkやSlackなど御社で普段お使いのツールに合わせます。

      06 / CONTACT

      案件のご相談・お問い合わせ

      次の制作、ご一緒しませんか。

      「この動き、実装できる？」「このページだけお願いしたい」

      案件が固まる前でも、
      気軽にお声がけください。

      メールで案件を相談する

      概要・希望納期など、分かる範囲で大丈夫です。中村が直接拝見し、原則1営業日以内に返信します。

      私から営業メールが届いた方は、そのメールへの返信でもご相談いただけます。