ordinary.

Freelance web designer — JapanWeb / LP / Identity — 2026

ふつうの毎日を、
ちゃんと選ばれる形に

個人事業・小さなお店のためのWebサイト、LP、ロゴ制作。伝えたいことの整理から、デザイン、コーディング(Webページとして組み立てる作業)、公開まで対応します。

作業机に広げたデザインの紙とノートパソコン

01 — Selected works

つくったもの。
これからつくるもの

ここに並ぶのは、すべて架空のお店・商品を想定して制作した見本の作品です(実在の企業・お客様の案件ではありません)。

soyo のロゴを付けた茶缶と、ECサイトの画面架空の作品 ・ ロゴ・ブランド

Brand identityJapanese tea

soyo

海外向け日本茶ブランドのロゴ。茶碗の円と茶葉を、文字と同じ線で。背景を変えて見え方を試せます。

  • ロゴ
  • カラー
  • パッケージ展開
  • 使い方の決まり
hair atelier mio のトップ画面。ゆるいウェーブの髪の後ろ姿と、髪色の見本架空の作品 ・ Webサイト

Concept websiteHair salon

hair atelier mio

小さな美容室のサイト。髪色の見本を選ぶと、写真の髪色がその色に変わるカラーシミュレーター。

  • 構成
  • カラーシミュレーター
  • 画面デザイン
  • コーディング
みなと精工 採用サイトのトップ画面。工場を歩く社員の後ろ姿と大きな英字架空の作品 ・ Webサイト

Concept websiteRecruiting

みなと精工 採用サイト

ものづくり企業の採用サイト。3つの質問で合う職種がわかる診断と、法律で示す項目をそろえた募集要項。

  • 採用設計
  • 職種診断
  • 画面デザイン
  • コーディング
Yoyaku Note のLP。予約の管理画面のイメージ架空の作品 ・ LP

Concept LPSaaS

Yoyaku Note

小さなお店の予約管理サービスのLP。管理画面をHTMLで描き、削減できる時間の計算と月払い/年払いの切り替え。

  • 構成
  • 時間の計算機
  • LPデザイン
  • コーディング
ことり工務店のトップ画面。杉の外壁の木の家架空の作品 ・ Webサイト

Concept websiteCustom homes

ことり工務店

木の家をつくる工務店のサイト。家の線画が「骨組み→屋根→窓」の順に描かれ、完成した家の写真に変わる。

  • 構成
  • 描画アニメーション
  • 画面デザイン
  • コーディング
みどり税理士事務所のトップ画面。料金の例と、整った机の写真架空の作品 ・ Webサイト

Concept websiteTax office

みどり税理士事務所

小さな会社と個人事業主のための税理士事務所。売上と記帳の有無から、月々の顧問料の目安がわかるシミュレーター。

  • 情報設計
  • 料金シミュレーター
  • 画面デザイン
  • コーディング
ひかり個別指導塾のトップ画面。「わからない」を、その日のうちに。架空の作品 ・ Webサイト

Concept websiteTutoring school

ひかり個別指導塾

中学生の個別指導塾。学年と部活の曜日を選ぶと、重ならない通塾の1週間を自動でつくる。

  • 情報設計
  • 予定表の自動作成
  • 画面デザイン
  • コーディング
ツムギ メディカルのトップ画面。医療機関向けと医療従事者向けの2つの入口架空の作品 ・ Webサイト

Concept websiteMedical staffing

ツムギ メディカル

医療機関と医療従事者をつなぐ人材紹介サイト。2つの入口、条件でしぼり込める求人検索、それぞれの相談・登録フォーム。

  • 情報設計
  • 求人検索
  • 画面デザイン
  • コーディング
はるの歯科クリニックのトップ画面。診療中かどうかの表示と、明るい待合室の写真架空の作品 ・ Webサイト

Concept websiteDental clinic

はるの歯科クリニック

まちの歯科医院のサイト。いまの時刻から「診療中/次は何時から」を自動で表示。医療広告ガイドラインに沿った表現で設計。

  • 情報設計
  • 診療時間の自動表示
  • 画面デザイン
  • コーディング
ゆとり住設のLP。エコキュートの写真と、工事費込みの価格架空の作品 ・ LP

Concept LPHome equipment

ゆとり住設

エコキュート交換の集客LP。症状から探す・タンク容量のシミュレーター・LINEで写真見積もりまで、問い合わせにつながる導線。

  • 集客導線
  • シミュレーター
  • LPデザイン
  • コーディング
ことのは のトップ画面。「ひとりのことばに、専門職が向き合う。」の見出しと、保護者・求職者の2つの入口架空の作品 ・ Webサイト

Concept websiteChild support

ことのは

児童発達支援・放課後等デイの多教室サイト。保護者と求職者の入口を最初の画面で分け、教室は区でしぼり込める。

  • 情報設計
  • 導線設計
  • 画面デザイン
  • コーディング
ひなた のトップ画面。窓辺の光の中、リネンのベッドで休む女性架空の作品 ・ Webサイト+フライヤー

Concept websiteSalon

ひなた

横浜の鍼灸・リラクゼーションサロンのサイトと三つ折りフライヤー。手をかざすと、お灸のように温かい光が残る。

  • 構成
  • 画面デザイン
  • フライヤー
  • コーディング
SOLE のトップ画面。ぼかした写真の中で、丸いレンズの部分だけショートケーキがくっきり見える架空の作品 ・ Webサイト

Concept websitePatisserie

SOLE

白とグレーのパティスリー&カフェ。ぼかした写真を、カーソルのレンズでのぞくとケーキがくっきり見える。

  • アートディレクション
  • 画面デザイン
  • 横スクロールのメニュー
  • コーディング
MINORI のトップ画面。縦書きの見出しと、大きなみかんの輪切り架空の作品 ・ Webサイト

Concept websiteCafe

MINORI

和歌山の果物カフェのサイト。月を選ぶと旬の果物とメニューに切り替わり、サイトの色まで果物の色に変わる。

  • 構成
  • 旬のカレンダー
  • 画面デザイン
  • コーディング
HADAE のLP。石の上に立つすりガラスのボトル架空の作品 ・ LP

Concept LPSkincare

HADAE

薬用スキンケアの商品LP。写真に触れると水面のように波紋が広がる。医薬部外品として言える表現の範囲で設計。

  • 構成
  • コピー
  • LPデザイン
  • 動きの演出
セラピスト養成スクールのLP。呼吸に合わせて広がる波紋と縦書きの見出し架空の作品 ・ LP

Concept LPSchool

Neuro Care

セラピスト養成スクールのLP。画面全体が「吸って4秒・吐いて6秒」で呼吸する、ファーストビュー。

  • 構成
  • 読み手の整理
  • LPデザイン
  • コーディング
Komorebi のトップ画面。窓の光が差す和の客席架空の作品 ・ Webサイト

Concept websiteRestaurant

Komorebi

季節と食のためのレストランサイト。静かな食事の時間を、予約前から感じられるように。

  • 企画
  • 情報設計
  • 画面デザイン
  • スマホ対応
Lumen Notes のLP。朝の光とノート型デバイス架空の作品 ・ LP

Concept LPProduct

Lumen Notes

毎日の光を届ける小さなプロダクト。使った後の気分を伝えるためのLP。

  • 構成
  • コピー
  • LPデザイン
  • 動きの演出
NUIME のトップ画面。黒い織物の上に From sketch to shelf の文字架空の作品 ・ Webサイト

Concept websiteApparel OEM

NUIME

アパレルOEM(他ブランドの服を受託製造する会社)の会社紹介サイト。取引先に「任せて大丈夫」と思ってもらうための、静かで精密な見せ方。

  • 構成
  • 動く背景
  • 画面デザイン
  • コーディング
madori のロゴを使った名刺とショップカード架空の作品 ・ ロゴ・名刺

Concept identityShop

madori

暮らしの小さな道具店のブランド設計。手渡るたびに店の思想が伝わるアイデンティティ。

  • ロゴ
  • 名刺
  • ショップカード
  • ガイドライン

02 — Service & price

必要なものを、
必要なかたちで

料金は税込の目安です。内容・ページ数・素材の有無を伺ってからお見積りします。ドメイン・サーバー代や有料の写真素材代は別途かかります。

01

LP制作Landing page

LPは、1ページで商品やサービスを紹介し、申し込みや購入につなげるページです。構成・デザイン・コーディング・スマホ対応まで。

¥40,000〜
02

Webサイト制作Website

5ページ程度とお問い合わせフォーム。お店や事業の「はじめまして」を任せられるサイトに。

¥80,000〜
03

ロゴ・名刺Identity

ロゴ、名刺、ショップカード。Webと紙で同じ印象になるように揃えます。

¥20,000〜
04

バナー・修正Banner / Fix

広告バナー、既存サイトの文言差し替えや小さなデザイン修正。

¥5,000〜

03 — How I work

話す。見つける。
整える。届ける

スケジュールはご相談時に一緒に決めます。各段階で確認をいただいてから次に進みます。

01

話す

目的、届けたい相手、予算と納期を伺い、ゴールを一文にまとめます。

Hearing
02

見つける

伝える順番を組み立て、原稿を整理。ページの骨組み(ワイヤーフレーム)で構成を確認します。

Structure
03

整える

デザインを作成し、確認後にコーディング。PCとスマホの両方で表示を確かめます。

Design / Build
04

届ける

公開作業まで対応します。公開後の修正もご相談ください。

Launch

04 — About

ふつうの言葉を、
特別な出会いの入口に

ordinary のシンボルマーク

ordinaryは、Web制作とグラフィックデザインで、小さな事業や個人の魅力を見つけ、届く形に整えるフリーランスです。

チラシ、広告バナー、LP、ロゴの制作を経験してきました。見た目だけで終わらせず、「誰に・何を・どの順番で伝えるか」から一緒に考えます。

平日は会社員として働きながら、夜と週末に制作しています。お返事は24時間以内を目安にしています。

対応範囲
構成・原稿整理・デザイン・コーディング・公開
ツール
Illustrator / Photoshop / InDesign / Premiere Pro
稼働
平日夜・土日(やり取りはメッセージ中心)
信頼性
クラウドワークス 本人確認済みクラウドワークスの秘密保持契約(NDA)締結済み

05 — FAQ

よくある質問

原稿や写真がなくても頼めますか?

はい。伺ったお話から原稿のたたき台を作り、一緒に整えます。写真は素材サイトの利用や、撮影時のポイントのご案内もできます。

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

デザイン確定までに、方向性の大きな修正を2回まで料金内で対応します。文字や色の小さな調整は回数に含めません。

公開後に自分で更新できますか?

更新の頻度やご予算に合わせて、作り方をご相談のうえ決めます。

支払いはどうなりますか?

クラウドワークス経由でのご依頼をおすすめしています。契約時に代金をクラウドワークスへ預ける「仮払い」の仕組みがあり、納品物を確認してから支払いが確定するので安心です。

06 — Start a project

Let's talk

ご相談はこちらから

まだ言葉になっていない魅力から、はじめましょう。「こんなものを作りたい」を一行送っていただくだけで大丈夫です。