見たままを、
動くコードにする。
Figmaで設計▶︎HTML/CSSで実装▶︎WordPressで運用。
デザインから実装までを一人で担当することで
"伝わらない・再現されない"を防ぎます。
皆様のWebサイト・LP・バナー制作をサポートします。
About
// 01フリーランスとして、デザインから実装までを一貫して対応しています。デザインと実装を分業しないことで、"デザイン通りに再現されない"という制作現場でよくある齟齬を防ぎ、余計な確認コストもかかりません。
特に力を入れているのは、表示速度と保守性を意識したコーディング、そして納品後にご自身で更新できるWordPress構築です。
ツールは目的に応じて使い分けています。
| Figma | デザイン設計・ワイヤーフレーム作成 |
| HTML / CSS | 表示速度・保守性を重視したフルスクラッチ実装 |
| WordPress | 更新・運用のしやすさを重視した構築、ACFによる柔軟な設計 |
| Studio | スピード重視の簡易サイト制作 |
Services
// 02コーディングLP制作
Figmaでのデザインから、HTML/CSSでの実装まで対応。表示速度が速く、細部のデザイン再現度が高いのが特徴です。
WordPressサイト制作
納品後、ご自身でブログ更新やお知らせ更新ができる状態で構築。フォーム設置などの機能追加にも対応します。
バナー広告制作
Figmaでの制作。複数サイズの展開や、媒体ごとの入稿規定に合わせた対応も可能です。
Works
// 03
《店舗サイト》 Leggero Salon
”自分らしく優美に輝く”をコンセプトにした美容室サイト。
メニュー紹介、スタイルギャラリー、スタッフ紹介、お客様の声、スタッフブログ、予約フォームまでを備えた1サイト構成で、Figmaでのデザインから WordPress でのフルコーディング構築までを担当しました。
スタッフ紹介の各プロフィールに「指名予約」ボタンを個別設置し、お気に入りのスタイリストへそのまま予約導線をつなげる工夫を取り入れています。
→
→
Process
// 05-
01
お問い合わせ
フォームより、ご要望・ご予算感をお送りください。
-
02
ヒアリング
目的・ターゲット・必要な機能をすり合わせます。
-
03
デザイン提案
Figmaでワイヤーフレーム→デザインをご提示します。
-
04
実装
HTML/CSSまたはWordPressで実装を行います。
-
05
納品
動作確認の上、納品。WordPressの場合は更新方法もご案内します。
Contact
// 06まずはお気軽にご相談ください
LP・Webサイト・バナー制作について
ご予算感だけのご相談も歓迎です。