theta Labo

「何を創るべきか」の解析から、共に挑む。

表面的なデザインにとどまらず、業界のルールや真の目的を徹底的に解析。 すべての構造に「理由」を持たせた、妥協のないWebサイトと業務システムを構築します。 「何を作るべきか決まっていない」段階からご一緒します。

Solutions

ソリューション

Webサイト設計・構築Web Site Design & Development

デザインから実装まで。HTML / CSS / JavaScript をすべて手で書いています。その業種で表示が定められている事項を先に調べ、スマートフォンでの見え方を決めてから作ります。

セキュアなCMS構築Secure CMS Development

WordPress のテーマを自作します。更新したい部分だけを管理画面から触れるようにし、触る必要のない部分は編集できないようにしておきます。誤って壊してしまう事故を防ぐためです。手順書もお渡しします。

Webアプリケーション開発Web App Development

見積もりシミュレーター、料金計算、診断コンテンツ。サーバーもデータベースも使わず、URLを開けば動く形で納品します。

業務最適化ツール設計Business Optimization Tools

請求書、管理表、集計フォーマット。入力する人が迷わない順番に並べ、間違いに気づける形にします。関数だけで組めるものはマクロを使いません。セキュリティ設定でブロックされる事故を避けるためです。

Works

制作物

業種やターゲット層に合わせて、ページ構成から配色・書体まで、すべて個別に設計しています。 決まった型(テンプレート)を使い回すのではなく、それぞれのビジネスが持つ課題に対して、ゼロから最適な形を構築した実装例としてご覧ください。

掲載しているものは、すべて架空の企業・店舗を題材にした制作サンプルです。実在の組織からの受注実績ではありません。 各サイトには常時「制作サンプル」の表示を入れ、検索エンジンには登録されない設定にしています。社名・住所・電話番号・価格はすべてダミーです。

株式会社トコワカのサイト
01WordPress

株式会社トコワカ

不動産・空き家再生

WordPressテーマをフルスクラッチで構築し、物件管理システムをカスタム投稿として実装。宅地建物取引業法に基づく業者票の明示要件を設計の前に洗い出し、それを満たす形でUIに組み込んでいます。

サイトを見る
こもれび歯科・矯正歯科のサイト
02WordPress

こもれび歯科・矯正歯科

歯科医院

医療広告ガイドラインの「限定解除4要件」を満たす形で情報を設計。アクセシビリティ向上のためのUI(文字サイズ切り替え等)を実装し、運用者が安全に更新できるCMS構造を構築しています。

サイトを見る
株式会社ハコビト運輸 採用LP
03採用LP

株式会社ハコビト運輸

運送・ドライバー採用

職業安定法により明示が義務付けられた労働条件を、ユーザーの視線誘導に基づいて適切に配置。応募フォームには離脱率を下げるためのEFO(入力フォーム最適化)を施したシングルページ設計です。

サイトを見る
株式会社イロハ塗装 見積もりシミュレーター
04Webアプリ

株式会社イロハ塗装

塗装・見積もりシミュレーター

サーバーを必要とせず、ブラウザ内で完結する動的見積もりアプリケーション。外部ライブラリに依存せずVanilla JS(素のJavaScript)のみで実装しているため、既存サイトの環境を問わず、安全かつ軽量に導入できます。

サイトを見る
株式会社ミチシルベのサイト
05企業サイト

株式会社ミチシルベ

人材紹介

「創業期」という要件に対し、定量的な実績(数字)に依存せず、論理的なコンテンツ配置で信頼性を担保する情報設計を採用。有料職業紹介事業と労働者派遣事業の法的区分も明確に構造化して明示しています。

サイトを見る
ひだまり洋菓子店のサイト
06店舗サイト

ひだまり洋菓子店

洋菓子店

商品画像を最大限に活かす視覚的アーキテクチャ。素材の納品遅れを想定し、画像が未設定の状態でもレイアウトが崩れないよう、専用の表示枠を意匠として組み込んでいます。配色は商品特性から抽出したカラーパレットで統一しました。

サイトを見る
くちどけ堂のサイト
07店舗サイト

くちどけ堂

シュークリーム専門店

「単一プロダクト」という制約をブランドの優位性に転換するUI/UX設計。ギフト用途に特化した導線を分離し、個数・のし・保冷剤・予約の要否といった付帯条件を、1画面だけで判断できる構造にしました。

サイトを見る
株式会社ミナト電設のサイト
08企業サイト

株式会社ミナト電設

電気工事

コンテンツ量が限定的な条件下でも、空間(余白)を制御して信頼性を維持するレイアウト設計。ユーザー属性(新規/既存)に応じた導線分離と、登録電気工事業者の必須表記を両立させています。

サイトを見る
ルナドライブ運転代行のサイト
09企業サイト

ルナドライブ運転代行

運転代行

夜間の利用を前提としたダークトーンのUI設計。見知らぬ車に同乗するという心理的な障壁を下げるため、公安委員会の認定番号と損害賠償措置(保険加入)を、独立したセクションと会社概要の両方に明示しています。

サイトを見る
見積書・請求書 発行ブックの請求書画面
10Excel

見積書・請求書 発行ブック

業務ツール

インボイス制度(適格請求書等保存方式)の記載要件に沿って設計し、税率ごとに1回だけ端数処理を行うロジックを実装。マクロがセキュリティ設定でブロックされる事故を避けるため、関数のみで構築した業務システムです。

仕上がりを見る(PDF)
株式会社ノビシロのCOMPANYページ
11企業サイト

株式会社ノビシロ

採用支援・人材紹介

スクロールに連動したアニメーションで、読み進む速さに合わせて情報を提示するCOMPANYページ。外部ライブラリに依存せず、画面に入った要素だけを一度だけ描画する設計のため、スマートフォンでも動作が重くなりません。写真素材は一切使用していません。

サイトを見る
YUKINE ARCHITECTS の英語サイト
12多言語サイト

YUKINE ARCHITECTS

北海道・別荘の設計施工/英語対応

英語と日本語を、ページを読み込み直さずに切り替える多言語サイト。選んだ言語を保持し、海外からの閲覧には英語を初期表示します。外国籍での土地所有の可否や在留資格との関係など、海外の購入検討者が最初に確認する論点を構造化して掲載しました。

サイトを見る
Process

仕事の進め方

情報が整理されていなくても問題ありません。目的を紐解き、必要な情報を洗い出すところから並走します。手戻りを防ぐため、各工程でしっかりとご確認いただきながら、一つずつ確実に進めていきます。

01

ヒアリング・状況整理

目的やターゲット、ご用意可能な素材などを伺います。未定の項目は「いつ頃までに決めるか」というスケジュールだけを共有し、プロジェクトを滞らせずに前進させます。

02

サイト構造の設計

ページの構成と、色をつける前のレイアウト図(ワイヤーフレーム)を作成します。ここで情報の優先順位や全体像をすり合わせることで、後工程での大きな修正を防ぎます。

03

デザイン制作

設計図をもとに、まずはサイトの顔となるトップページのデザインを作成し、着手から5営業日以内を目安にご提示します。ビジュアルの方向性を完全に固めてから次へ進みます。

04

実装・動作検証

デザインをWeb上で動く形に組み上げます。スマートフォンでの表示崩れがないか、リンクやフォームが正常に動くかなど、すべての確認項目をクリアしてから公開へと移ります。

05

納品・運用サポート

実際の操作画面を共有しながら、サイトの更新方法をご説明します。公開後もお客様ご自身で迷わず管理できるよう、図解入りの専用手順書(PDF)をお渡しします。

FAQ

よくあるご質問

ご相談の前に気になりやすいことを、先にお答えしておきます。 ここにない点も、遠慮なくお尋ねください。

費用はどのくらいかかりますか。

ページ数、更新機能の要否、原稿と写真のご用意状況で大きく変わるため、内容を伺ってからお見積もりをお出ししています。お見積もりとご相談は無料です。

ご予算が先に決まっている場合は、その金額を先にお知らせください。削るところと残すところを整理して、その範囲でできる構成をご提案します。予算に届かない場合は、正直にそうお伝えします。

受注実績がないと書かれていますが、大丈夫でしょうか。

正直にお答えすると、いただいたご依頼としての制作実績はまだありません。掲載しているものは、自分で題材を決めて作ったサンプルです。そこを実績のように見せることはしません。

そのぶん、判断の材料を先にお出しするようにしています。サンプルはすべて実際に開いて操作できる状態で公開していますので、仕上がりの水準はその場でご確認いただけます。ご相談の段階でページ構成の案をお見せしますので、そこで進めないとお決めいただいても構いません。

どのくらいの期間で公開できますか。

ページ数と、原稿・写真のご用意状況によります。1ページのLPで2〜3週間、5ページ程度のサイトで4〜6週間が目安です。

公開したい日が決まっている場合は、最初に教えてください。間に合うかどうかを先に判断して、難しければその時点でお伝えします。

原稿も写真も、まだ用意できていません。

その状態からで構いません。文章は、お伺いした内容をもとにこちらで下書きをお出しします。そのまま使っていただいても、直していただいても大丈夫です。

写真がまだの場合は、フリー素材で仮に組んでおき、あとからご自身で差し替えられる形にしておきます。撮影の順番や必要な枚数もこちらから整理してお伝えします。

修正は何回までできますか。

構成とデザインを決める段階では、回数を区切っていません。納得いただけるまでお直しします。ここで詰めておくほうが、結果的に早く終わるためです。

実装に入ったあとで、方向性から作り直しになる場合のみ、あらためてご相談させてください。

公開したあと、自分で更新できますか。

更新したい箇所がはっきりしている場合は、そこだけを管理画面から触れる形にしてお渡しします。触る必要のない部分は、あえて編集できないようにしておきます。誤って壊してしまう事故を防ぐためです。

お渡しのときに画面を見ながらご説明し、手順書(PDF)もお渡しします。

遠方でも依頼できますか。

すべてオンラインで完結します。打ち合わせは Google Meet や Zoom、チャットのみでも構いません。お電話での打ち合わせをご希望の場合も対応します。

サーバーやドメインを持っていません。

どれを契約すればよいかのご提案から行います。契約はお客様のお名前で行っていただくのが原則です。あとから制作者を変えたくなったときに、ご自身で引き継げるようにしておくためです。手続きの画面は一緒に見ながら進めます。

Profile

プロフィール

手順と記録が厳密に決められた、医療の検査の仕事をしています。あわせて社会人博士課程に在籍し、データを扱う研究を続けています。

検査の世界には「精度管理」という考え方があります。出した結果が正しいと言えるかどうかを、結果を出すたびに確かめておく仕組みのことです。あとから誤りが見つかる前に、先に潰しておく。この順番が身についています。

Web制作でも同じやり方をしています。業種ごとに、サイトへの表示が定められている情報があります。不動産なら業者票、医療なら広告ガイドライン、電気工事なら登録番号、運転代行なら公安委員会の認定番号。デザインを描く前にそこを調べて、どこに置くかまで決めてから手を動かします。掲載しているサンプルは、すべてその確認を通したものです。

「なぜこの配置なのか」「なぜこの作り方を選んだのか」。お尋ねいただいたときに理由をお答えできる状態にしておくことを、自分に課しています。

ご相談の時点で、内容が固まっていなくて構いません。目的と、見ていただきたい相手。この2つさえ伺えれば、ページの構成はこちらで組み立ててお持ちします。決まっていない項目は、いつ決まるかだけ確認して先に進みます。

受注実績はまだありません。そのぶん、お渡しできるものは着手前にできるだけお見せするようにしています。

屋号
しーたLabo(theta Labo)
資格
臨床検査技師(国家資格)
ITパスポート
ほか、臨床検査分野の専門認定 7件
研究
社会人博士課程 在籍中
データ解析を用いた研究に従事
ご連絡
原則24時間以内にご返信
土日祝もご連絡を確認しています
使用技術
HTML / CSS / JavaScript
WordPress(オリジナルテーマ制作)
Excel / VBA / Google Apps Script
公開環境
Cloudflare Pages / 各社レンタルサーバー
Contact

ご相談はお気軽にどうぞ。

「何を作ればいいか分からない」段階でも構いません。 ご予算とご希望の公開時期だけ教えていただければ、できることをご提案します。

お見積もり・ご相談は無料です。 原則24時間以内にご返信いたします。

フォームが使いにくい場合は、メールでも承ります。
matslanc@gmail.com

送信内容は、上記のメールアドレスに届きます。
いただいた情報はご相談への回答のみに使用し、第三者に提供することはありません。