しーたLaboクリエイティブエンジニア

Webサイトと、
仕事で使える小さなアプリ
つくります。

デザインを整えるだけでは、たいてい足りません。
その業種で守らなければいけない決まりごとを調べて、満たした状態で納品します。
不動産なら宅建業法、クリニックなら医療広告ガイドライン、求人なら職業安定法。 あとから直すことになる箇所を、最初から潰しておきます。

  • WordPress(テーマ自作)
  • LP制作
  • Webアプリ
  • スマホ対応
  • アクセシビリティ
4つの実績を見る

01実績

掲載しているのは、いずれも架空の企業を想定した自主制作です。実在の企業・団体とは関係ありません。
すべて公開しているので、実際に触っていただけます。

ハコビト運輸 採用LPのファーストビュー 同じページのスマートフォン表示

求人LP(1ページ完結)

株式会社ハコビト運輸ドライバー採用サイト

運送会社の採用ページ。求職者が本当に知りたいのは写真ではなく数字と条件だという前提で、 月収の内訳・拘束時間・年間休日を隠さず先に出す構成にしました。

課題
「月収40万円可」とだけ書かれた求人は応募が集まらず、集まっても早期に辞めてしまう
やったこと
基本給・固定残業手当・各種手当を分けて明示。1日の流れを時刻まで掲載。応募フォームの必須項目を3つに絞る
見てほしい点
固定残業手当の額を、割増賃金の算定基礎から計算していること。金額を直書きすると、基本給を上げたときに法定額を下回り、固定残業代の制度そのものが無効になります
  • HTML/CSS/JS
  • 構造化データ JobPosting
  • 入力内容の一時保存
  • 計測イベント設計
  • 印刷用CSS
実物を見る
コースと残業時間を選ぶと月収と内訳が出るシミュレーター

コース・経験年数・残業時間を選ぶと、月収と内訳がその場で出ます。単価はソースの1か所にまとめてあり、給与改定があればそこだけ直せば全体に反映されます。

イロハ塗装 見積もりシミュレーターの導入画面 同じページのスマートフォン表示

Webアプリ

株式会社イロハ塗装外壁塗装 概算見積もりシミュレーター

6つの質問に答えると、概算費用・内訳・30年間の生涯費用が出ます。 「サイトを作る」ではなく「問い合わせが増える仕組みを作る」ための道具です。

課題
「いくらですか」の電話対応に時間を取られる。一方で、金額が分からないまま問い合わせない人も多い
やったこと
ステップ式のウィザードにして離脱を抑え、内訳の1行ずつに計算の根拠を表示。結果はURLで共有できます
見てほしい点
30年の生涯費用の比較。条件によっては初期費用の高いフッ素が最も安くなります。値引き競争から抜けるための材料になります
  • 外部ライブラリ ゼロ
  • グラフも自前
  • 単価を1ファイルに集約
  • URLで結果を共有
  • 印刷用CSS
実物を見る
費用の内訳と、塗料4種類の30年間の生涯費用の比較
内訳には計算の根拠を、右には塗料別の30年比較を並べています。
単価表と計算式のページ
単価表のページ。ここも同じ設定ファイルから作っているので、値上げの反映漏れが起きません。
こもれび歯科・矯正歯科のトップページ 同じページのスマートフォン表示

WordPress(テーマ自作)

こもれび歯科・矯正歯科クリニックの企業サイト

診療メニューとスタッフを、それぞれ独立した投稿タイプで管理できるようにしたクリニックサイト。 プラグインに頼らず、必要な入力欄を自前で組んでいます。

課題
自由診療の内容を載せる場合、医療広告ガイドラインの「限定解除の4要件」を満たさないと違反になる。しかし更新担当者が毎回それを覚えているとは限らない
やったこと
テーマ側で未入力を検知し、管理画面に警告を出すようにしました。費用・治療期間・主なリスクのいずれかが空のまま公開されると、該当ページへのリンク付きで指摘が出ます
見てほしい点
文字サイズの切り替え。高齢の患者さんが多い前提で、選んだ大きさは次回も保持されます
  • WordPress
  • カスタム投稿タイプ ×2
  • カスタムフィールド自作
  • Customizer API
  • 管理画面の警告表示
実物を見る
株式会社トコワカのトップページ 同じページのスマートフォン表示

WordPress(テーマ自作)

株式会社トコワカ不動産・空き家再生の企業サイト

空き家・古家・相続不動産を扱う会社のサイト。施工事例を種類ごとに分類して蓄積できる構成にしています。

課題
不動産会社のサイトは宅地建物取引業法上「広告」に当たり、免許番号の表示が義務。抜けていると行政指導の対象になる
やったこと
全ページのフッターに免許番号を出し、管理画面から編集できるようにしました。石綿の事前調査についても、有資格者による調査が必要である旨を明記
見てほしい点
写真素材が一切ない状態から、図形と明朝体だけで信頼感を出しています。素材待ちで制作が止まらない構成です
  • WordPress
  • カスタム投稿タイプ+タクソノミー
  • SVGイラスト自作
  • 静的書き出しで公開
実物を見る

02業種の決まりごとを、調べてから作ります

見た目は、あとからでも直せます。
直しにくいのは、公開してから「これ載せてはいけなかった」と分かることのほうです。

業種押さえた決まりごとやったこと
不動産 宅地建物取引業法サイトは「広告」に当たり、免許番号の表示が義務 全ページに表示し、管理画面から編集できるように
クリニック 医療広告ガイドライン自由診療は「限定解除の4要件」を満たす必要がある 未入力をテーマが検知し、管理画面で警告
求人 職業安定法2024年4月から明示事項が追加。固定残業代は3点の明示が必要 追加項目を掲載し、固定残業手当は法定額から自動計算
見積もり 景品表示法概算を確定額のように見せると有利誤認になりうる 概算である旨と、変動する条件を結果画面に明記
建設・解体 石綿事前調査2023年10月から有資格者による調査が必須 有資格者が必要である旨をサイト上に明記

法律の専門家ではないため、最終的な判断は貴社および専門家の確認をお願いしています。 ただし「調べずに作って、あとから困る」ことは起こしません。 気になる箇所は着手前にお伝えし、判断していただいたうえで進めます。

03できること

企業サイト・店舗サイト

WordPressのテーマを一から作ります。既製テーマの改造ではないので、不要な機能が付いてこず、表示も軽くなります。お客様ご自身で更新する箇所は、専用の入力欄を用意します。

LP(1ページ完結型)

読み手を離脱させずに、申し込みや問い合わせまで運ぶ構成を作ります。計測タグを置く場所も最初から用意するので、公開後に数字を見ながら直していけます。

小さなWebアプリ

見積もりシミュレーター、料金の試算、簡単な集計や申込フォームなど。「サイトに1つ、動くものが欲しい」という規模を得意としています。

既存サイトの改修

スマホ表示の崩れ、表示速度、問い合わせフォームの改善など。作り直さずに済むなら、そのようにお伝えします。

全部に共通してやっていること

  • スマホ優先で組みます。閲覧の大半がスマホなので、そちらを基準に設計します
  • 表示を軽く。外部ライブラリは必要がなければ使いません。画像はWebPに変換します
  • 読み上げ・キーボード操作に対応。文字を大きくしても崩れないようにします
  • 公開前に自動で検査。全ページのリンク切れと、フォームの動作を機械的に確認してから納品します

04進め方

いちばんの特徴は、先にデモを作ってからお見せすることです。
文章で説明されても判断できないので、動くものを見てから決めていただきます。

  1. 1

    ヒアリング1〜2日

    誰に何を届けたいのか、いま何に困っているのかを伺います。ここで、その業種で気をつけるべき決まりごとも確認します。

  2. 2

    デモの提出着手から数日

    仮の文章と図でトップページを作り、実際にブラウザで見ていただきます。ここで方向が違えば、まだ引き返せます。

  3. 3

    制作と修正2〜3週間

    全ページを作り込みます。修正は2回まで込みで対応します。

  4. 4

    検査と引き渡し1〜2日

    全リンクとフォームの動作を機械的に検査してから納品します。更新方法は、画面の手順書をお渡しします。

実績について、正直に書いておきます

このページに載せている4件は、すべて自主制作です。受注してお金をいただいた実績は、まだありません。

隠しても、いずれ分かることです。それより、作れるかどうかを先に確かめていただくほうが早いと考えています。 だからご応募の際は、毎回そのお仕事に合わせたデモを作ってから提案しています。 判断材料は、こちらで用意します。