Web DesignerLP Design & CodingBased in Japan

色と動きで、
選ばれるLPを。

構成・デザインからコーディング、アニメーション実装まで。
美容LPを得意とするWebデザイナーの屋号です。

Scroll
  • Figma
  • Photoshop
  • Illustrator
  • HTML / CSS
  • JavaScript
  • GSAP
  • WebGL
  • Three.js
  • Responsive
  • WordPress
  • STUDIO
  • Copywriting

About

「きれい」で終わらせない。
予約・購入・問い合わせまで
届くLPを、ひとりで一貫して。

いろどりデザイン工房は、Web制作会社と事業会社で約10年、Webサイト・LPの企画からデザイン、コーディング、公開後の改善までを担当してきたWebデザイナーの屋号です。

得意なのはヘアサロン・コスメ・エステなどの美容LP。飲食・不動産・スクール・コーポレートなど、ほかの業種もトーンを描き分けてお作りします。

Experience
10年

制作会社・事業会社での経験(約)

Works
40点

掲載しているLPの制作サンプル

Revisions
∞

デザインの修正回数

01 — Strengths

Why Irodori選ばれる4つの理由

  1. 01

    Web制作会社と事業会社で約10年

    受託の制作会社と、自社サービスを運営する事業会社の両方を経験。見た目だけでなく、成果を追う側の視点でLPを組み立てます。

  2. 02

    美容LPに特化

    ヘアサロンの予約導線、コスメの定期購入、エステの体験予約。ヘアサロン・コスメ・エステの「らしさ」と売り方を押さえたデザインが得意です。

  3. 03

    デザインからコーディングまで

    Figmaでのデザインから、HTML・CSS・JavaScriptでの実装、スクロールアニメーションやWebGLの演出まで。窓口がひとつなので、意図がそのまま形になります。

  4. 04

    修正は回数無制限

    色味や文字の大きさなど、細かな調整も遠慮なくお伝えください。ご納得いただけるまで、回数を気にせず修正します。

02 — Service & Price

Serviceサービス・料金

Base plan

LPデザイン

15,000円〜

  • 縦長LP 1ページ(PC版+スマホ版)
  • 構成案(ワイヤーフレーム)の作成
  • 業種・ブランドに合わせた配色と書体のご提案
  • 修正回数 無制限
  • Option 01

    ライティング

    キャッチコピーと本文を、ヒアリングをもとにお作りします。原稿がなくても大丈夫です。

    +3,000円

  • Option 02

    コーディング

    デザインをHTML・CSS・JavaScriptで実装。スマホ対応やスクロールの動きも含みます。

    +5,000円

  • Option 03

    特急対応

    公開日が決まっているなど、お急ぎの場合に優先して制作します。

    +5,000円

※ 内容やボリュームによってお見積りが変わる場合があります。まずはお気軽にご相談ください。

03 — Works

Selected Works制作実績

構成・デザインからコーディングまで担当したLPです。
クリックすると、実際に動くページをご覧いただけます。

Notice掲載しているLPは、すべて架空のブランドを想定して制作したサンプルです。ブランド名・商品名・店舗情報・文章は実在しません。

04 — Animation Demo

Motion Labアニメーション実装デモ

WebGLのシェーダーからスクロール連動の演出まで。
LPに取り入れられる動きのサンプルを22本。触って動かしてみてください。

05 — Flow

How it works制作の流れ

  1. Step 01

    ご相談

    ランサーズのメッセージからお気軽にご連絡ください。「まだ何も決まっていない」段階でも大丈夫です。

  2. Step 02

    ヒアリング・お見積り

    ブランドの特徴やお客様像、LPの目的(予約・購入・問い合わせなど)をお聞きし、お見積りと納期をご提案します。

  3. Step 03

    構成案

    ファーストビューから申し込みまでの流れを、ワイヤーフレームでご確認いただきます。

  4. Step 04

    デザイン

    PC版とスマホ版のデザインを制作し、画像でご確認いただきます。

  5. Step 05

    修正

    ご要望に合わせて調整します。修正の回数に制限はありません。

  6. Step 06

    納品

    デザインデータを納品します。コーディングをご依頼の場合は、HTML一式もお渡しします。

06 — FAQ

FAQよくある質問

原稿や写真がなくても依頼できますか?

はい、大丈夫です。ヒアリングをもとに構成を作り、文章はライティングオプション(+3,000円)でお作りします。写真がない場合は、雰囲気に合う素材のご提案も可能です。

美容以外の業種も依頼できますか?

はい。得意なのはヘアサロン・コスメ・エステですが、飲食・不動産・スクール・採用・コーポレートなど、幅広い業種のLPを制作しています。

修正は本当に無制限ですか?

はい、デザインの修正は回数に制限なく対応します。構成を大きく変える場合や、ページを追加する場合のみ、別途ご相談させてください。

納期はどのくらいですか?

内容によりますが、ヒアリング完了から3営業日ほどで初稿をお出しするのが目安です。お急ぎの場合は特急対応(+5,000円)で優先して制作します。

デモのようなアニメーションも入れられますか?

はい、コーディングをご依頼いただく場合に対応します。動きの量や表示速度とのバランスも含めてご提案しますので、イメージに近いデモや参考サイトをお知らせください。

コーディングしたLPは、どこで公開できますか?

HTML・CSS・JavaScript一式で納品しますので、お使いのレンタルサーバーなどにアップロードして公開できます。アップロードの方法もご案内します。

制作実績のブランドは実在しますか?

いいえ。掲載している制作実績は、すべて架空のブランドを想定して制作したサンプルです。ブランド名・商品名・店舗情報・文章は実在しません。

Contact

ブランドの魅力が伝わるLPを、一緒に作りませんか。

ご相談・お見積りは無料です。ランサーズのメッセージからお気軽にどうぞ。

ランサーズで相談する