Portfolio

伝わる形に整え、
動く形に作り、
安心して出せる品質へ。

Direction / Engineering / QA

About / Profile

Calm abstract placeholder

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

要件を整理し、形に落とし、
最後まで安心して世に出せる状態を作ることを大切にしています。

実務を通して感じてきたのは、
最初の整理や認識合わせが不十分なまま進むことで、
後工程に無理が生じてしまうケースの多さでした。

そのため、目的や前提を言葉にして揃え、
先を見据えながら関わることを意識しています。

要件が固まりきっていない段階から相談したい場合や、
進行と品質の両立を重視したい案件とは、
比較的相性が良いと感じています。

Strength

ディレクション・開発・QAの3つの視点から、プロジェクト全体を支えます。

Direction

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

Engineering

見た目だけでなく、運用や更新を前提にした構造を意識し、後工程や品質チェックを想定した実装を行っています。

QA

不具合の有無だけでなく、再現性や優先度を意識し、開発側の意図を踏まえた現実的な品質確認を行います。

Works /
Case Study

ディレクション・開発・QAの視点を行き来しながら、
課題整理から改善までを一つの流れとして取り組んできた事例です。

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

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

概要

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

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

背景・課題

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

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

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

取り組み内容

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

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

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

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

工夫したポイント

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

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

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

担当範囲

構成設計。

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

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

予約導線の設計・実装。

成果・その後

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

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

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

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

概要

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

背景・課題

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

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

取り組み内容

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

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

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

工夫したポイント

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

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

担当範囲

構成設計。

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

成果・その後

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

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

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

概要

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

背景・課題

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

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

取り組み内容

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

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

工夫したポイント

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

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

担当範囲

構成設計。

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

成果・その後

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

Skills / Tools

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

Web / Engineering

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

QA / Testing

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

Direction / Communication

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

Contact

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

    お名前

    会社名

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

    お問い合わせ項目

    お問い合わせ内容