Web Design & Operation Support

「作って終わり」にしないWeb制作。
あなたのビジネスに寄り添い、
いっしょに育てていきます。

Direction / Design & Coding / Operation Support

About / Profile

Calm abstract placeholder

はじめまして。Seri-n.netのせりざわと申します。

プロジェクトの目的をていねいに整理し、
確かな形におとしこみながら、
公開後の運用まで見据えた分かりやすい設計に
整えることを大切にしています。

実務の中でよく目にしてきたのは、
最初のすり合わせが不十分なまま進んでしまい、
後半の工程や運用のフェーズで無理が生じてしまうケースでした。

だからこそ、事前の言語化で関係者全員の認識を揃え、
先の工程を見据えながら一歩ずつ進めることを意識しています。

まだ要件が固まりきっていない段階からのご相談でも大歓迎です。
進行と品質のどちらも諦めず、
大切なサイトをいっしょに育てていけるパートナーとして、
丁寧に並走いたします。

Strength

ディレクション・デザイン実装・運用サポートの視点から、プロジェクト全体を支えます。

Direction

要件や目的を整理し、関係者間の認識を揃えることで、制作や実装に無理の出ない進行を意識しています。

Design & Engineering

見た目や使いやすさを意識したデザイン調整と、運用・更新を前提にしたフロントエンド実装を行っています。

Operation Support

公開後の更新や改善を見据え、運用しやすい構成や確認しやすい状態を整えることで、継続的な改善を支えます。

Works

ディレクション・デザイン実装・運用サポートの視点を行き来しながら、
課題整理から改善までを一つの流れとして取り組んできた事例です。

事例01:
オンライン相談会 LP 制作

建築士向けオンライン相談会 LP 制作

概要

既存でお手伝いしている建築士様の公式サイト内に、オンライン相談会専用のLPを追加制作しました。

これまでのサイト運用状況を踏まえ、「相談につながりやすい導線を明確にすること」を目的としています。

背景・課題

通常ページからの問い合わせはあるものの、オンライン相談専用の訴求ページがなく、行動につながりにくい状態だった。

サービス内容は伝わっているが、「いつ・どうやって相談できるのか」が分かりづらかった。

相談までの心理的ハードルを下げたいという要望があった。

取り組み内容

オンライン相談会専用LPの構成・制作。

コンバージョンを意識した導線設計。

ABテストを前提とした構成調整。

カレンダー予約機能の設置と導線整理。

工夫したポイント

相談までの流れを視覚的・段階的に整理し、初めての方でもイメージしやすい構成に。

テキスト量やCTAの配置を調整し、ABテストで改善しやすい設計を採用。

カレンダー予約を導入することで、「問い合わせ → 日程調整」の手間を減らし、行動に移しやすい導線を意識。

担当範囲

構成設計。

デザイン・フロント実装。

ABテストを見据えた調整。

予約導線の設計・実装。

成果・その後

オンライン相談への導線が明確になり、相談までの流れが分かりやすくなった。

運用しながら改善を重ねられるLPとして、継続的に活用されている。

事例02:
まつエクサロン公式サイト 制作

まつエクサロン公式サイト 制作

概要

東京・港区にあるまつ毛エクステサロンの公式サイト制作を担当しました。

背景・課題

初めて来店する方にとって、サロンの雰囲気や施術内容が分かりづらい状態だった。

情報量が多く、予約までの導線が見えにくかった。

取り組み内容

サロンの世界観を軸にした構成整理。

初めての方向け情報の再配置。

予約導線を意識したページ構成設計。

工夫したポイント

安心感が伝わるコピーと構成を重視。

メニュー、ギャラリー、FAQを整理し、来店前の不安を自然に解消できる流れを設計。

担当範囲

構成設計。

デザイン・フロント実装。

成果・その後

サロンの雰囲気が伝わりやすくなり、予約までの流れが明確になった。

事例03:
歯科クリニック公式サイト 制作

歯科クリニック公式サイト 制作

概要

地域密着型の歯科クリニックの公式サイト制作を担当しました。

背景・課題

初めて来院する方にとって、診療内容や医院の雰囲気が分かりづらい。

医療系サイトとして、信頼感と分かりやすさの両立が必要だった。

取り組み内容

診療内容・診療時間・アクセス情報の整理。

医院の考え方が伝わる構成設計。

工夫したポイント

やさしさ・清潔感・安心感が伝わる情報設計。

院長メッセージや医院の特徴を丁寧に配置。

担当範囲

構成設計。

デザイン・フロント実装。

成果・その後

来院前にクリニックの雰囲気が伝わりやすくなり、安心して来院できるサイトとして運用されている。

Skills / Tools

制作・品質・進行を支えるために、日常的に使用しているスキルとツールです。

Web / Engineering

  • HTML / CSS
  • JavaScript
  • PHP
  • WordPress(テーマカスタマイズ / 実装)
  • レスポンシブ対応
  • フロントエンド実装

Design / Creative

  • Webデザイン
  • LPデザイン
  • UI設計
  • バナー・画像作成
  • Figma / Canva

QA / Testing

  • テスト設計
  • 動作確認・表示確認
  • 回帰テスト
  • 不具合報告・再現確認
  • 改善提案

Direction / Communication

  • 要件整理
  • 認識合わせ・仕様確認
  • 進行サポート
  • ドキュメント整理
  • クライアントコミュニケーション

Contact

具体的なご相談から初期のご質問まで、お気軽にお問い合わせください。

    お名前

    会社名

    連絡先(メールアドレス)

    お問い合わせ項目

    お問い合わせ内容