Tora Web Studio / Loading
Now AvailableWeb Designer & Engineer / Tora Web Studio

違和感を見つけ、伝わる形に整える。

Webデザイン、WordPress実装、フォーム改善、LINE連携まで。
見た目を整えるだけでなく、情報の流れ・使いやすさ・更新しやすさまで考え、
実際に運用できるWebサイトを設計します。

7yrs
Web制作歴
1
ワンストップ対応
5+
異業種での実績

こんなお悩み、
ありませんか?

伝わらない原因は、たいてい小さな違和感の中にあります。 目的と、使う人の動きから情報を見直します。

何を載せればいいかわからない

伝えたいことはあるのに、順番や見せ方が決まらない。目的を聞いて、載せるもの・削るものを一緒に決めます。

情報整理構成設計

スマホで見づらい

文字が小さい、押しづらい、途中で迷う。実際のスマホ画面で確認しながら、文字サイズもボタンの位置も直します。

レスポンシブUI改善

問い合わせにつながらない

見てもらえても、次の行動につながらない。問い合わせまでの道のりを一度たどり直して、引っかかる箇所を直します。

CTA改善フォーム改善

設計して、
実装する。

01

設計する

情報の順番、ページ構成、導線。見た目に入る前に、誰に何を伝えるかを決めます。

UI / UXIAWireframe
02

実装する

デザインを、実際に動くWebの形に。WordPressやFSEなど、納品後に更新しやすい仕組みで組みます。

WordPressHTML / CSSJavaScript
03

つなぐ

フォーム、LINE、外部サービスとの連携。サイトを日々の業務の中で使える状態まで作ります。

FormLINEAutomation

選ばれる理由。

デザインの良し悪しの前に、どこで読む人が止まるか、どこで運用が詰まるかを確認します。

01

設計から実装まで一人で対応

ヒアリングから実装まで、間に人を挟みません。打ち合わせで話した意図が、そのまま画面に反映されます。

02

違和感を見つけて整理できる

「なんとなく使いづらい」には、たいてい理由があります。それを言葉にして、直せる形に変換するのが得意です。

03

運用しやすい形まで考える

公開後に誰がどう更新するかまで見越して作ります。長く使いやすくするために欠かせない設計です。

実績。

問い合わせ、予約、更新性など、実際の運用に関わる部分まで見ながら制作しています。

Price Guide

制作料金の目安

小規模サイト20万円〜構成整理 / デザイン / レスポンシブ実装 / 3ページ前後
標準的なサイト制作35万円〜情報設計 / UIデザイン / WordPress・FSE構築 / フォーム / 5ページ前後
設計・CMS込み50万円〜投稿設計 / ブロックテーマ調整 / 原稿整理サポート / 公開後の改善提案

金額を左右するのはページ数より、構成整理・デザイン・フォーム・更新機能のボリュームです。 目的と運用に合わせて見積もります。

できること。

01

デザイン

情報設計 / UI・UX設計 / Webデザイン / ワイヤーフレーム。伝える順番を決めるところから担当します。

02

フロントエンド実装

HTML / CSS / JavaScript / WordPress / FSE。どの画面サイズでも崩れない実装。

03

実用的な仕組みづくり

フォーム設計 / LINE連携 / CMS構築 / 小規模自動化。問い合わせと更新が回る仕組みづくり。

04

改善・運用サポート

設計から実装まで一貫対応 / 納品後の更新サポート / 改善提案。公開してからの使いやすさも考えます。

プロフィール。

Webデザイナー・エンジニアとして、
設計から実装まで一貫して対応しています。

大きな制作会社に頼むほどではないけれど、テンプレートでは収まらない。そんな案件に7年間取り組んできました。

情報設計からWordPress構築、フォーム・LINE連携まで。曖昧だった課題が整理され、必要な形が見えてくる過程を大切にしています。

Role
Web Designer / Engineer
Experience
Web制作歴 7年
Specialty
情報設計 / UI・UX / WordPress
Industries
歯科・スパ・グランピング・不動産・飲食
Tools
Figma / WordPress / Astro / Next.js
Location
Remote / Japan

表現と
実装。

Animation

動きの見本

スクロール、テキスト、ホバーなど、サイトに入れられる動きのパターンを見比べられます。

UI Design

UI表現の引き出し

ボタン、カード、フォーム、ナビゲーションなど、言葉にしづらい見た目を探せます。

Dictionary

相談時の共通言語

「こういう感じがいい」を具体的に話せるようにするための、表現と実装の辞書です。

進め方。

制作の前に、目的と現状を聞くところから始めます。

Step 01

相談

現状・目的・課題を整理

Step 02

整理

情報設計・構成の確認

Step 03

設計

ワイヤー・UI設計

Step 04

制作

デザイン・ビジュアル

Step 05

実装

コーディング・WordPress

Step 06

公開・改善

運用サポート・改善提案

必要な形を、
一緒に。

今のサイトや、気になっていることからで構いません。
違和感や困っていることを、まずは聞かせてください。