テスト美容サロン LP制作
CLIENT: UI/UX Showcase
SCOPE: デザイン / コーディング
お客様のビジネス課題を解決するためのWeb制作・LP制作を行いました。
#ショーケース
#レスポンシブ
UI/UX & Modern Web Showcase
遊び心を、
Webの力に。
「ありきたりなテンプレート」から脱却し、訪問者の心を掴むビジュアルと快適な動きを。
リッチなUIデザイン、microCMSによる動的運用、爆速表示まで、**play.dy design** が具現化するWeb技術のショーケースです。
⚡ SSG爆速レンダリング
✦ microCMS動的配信
📱 レスポンシブ完全対応
https://playdy-design.pages.dev/showcase
サロン・スパ LP
デモを開く →
オーガニックスパ＆サロン 特化LP
高級感と静寂を伝えるフルスクリーンビジュアル設計
BtoB SaaS LP
デモを開く →
次世代AIプラットフォーム プロダクトLP
ダークネオン × インタラクティブダッシュボードUI
✨
ARCHITECTURE
Astro × Cloudflare × microCMS
WHAT WE CAN DO
play.dy design が実現できること
デザインの美しさと最新のフロントエンド技術を掛け合わせ、ビジネスの成果を最大化するWebを構築します。
VISUAL & MOTION
感情を動かす、モダンUI & マイクロインタラクション
ただ情報を並べるだけでなく、スクロールに合わせた心地よいフェードやホバーアニメーションを実装。訪れたユーザーを惹きつけ、離脱を防ぐ洗練されたWeb体験を創り出します。
HEADLESS CMS
ヘッドレスCMS連携による「自分で更新できる」快適運用
お知らせや制作実績、料金表をご自身で手軽に追加・修正可能に。WordPressのように重くならず、セキュリティの脆弱性もゼロ。スマホの専用画面からブログ感覚で手軽に更新できます。
SPEED & SEO
PageSpeed 95〜100点台の超高速表示
Astroによる静的サイト生成（SSG）とCloudflareのグローバルCDNを活用し、ページを開いた瞬間に表示される爆速レスポンスを実現。広告の離脱率低減とSEO順位向上に直結します。
RESPONSIVE UI
スマホ閲覧に特化した緻密なレスポンシブ設計
閲覧の8割以上を占めるスマートフォンで最大の成果を出すため、親指で押しやすいボタン配置やフォント可読性を徹底追求。PC・タブレット・スマホすべてで美しく整ったレイアウトを提供します。
SHOWCASE LAB (11 SAMPLES)
デザイン＆技術ショーケース
業種や目的に合わせたUI設計・アニメーション・レスポンシブ表現のサンプルです。
各カードから**実際のライブデモページ**を操作して仕上がりをご確認いただけます。
プライベートオーガニックスパ 公式集客LP
CLIENT: エステ・美容サロン
SCOPE: 構成設計 / UIデザイン / 高速コーディング
上質な静寂と癒やしを伝えるフルスクリーンビジュアル設計。スマホ閲覧時のWEB予約率向上を狙った導線配置。
#サロンLP
#フルスクリーン
#レスポンシブ
次世代AI業務自動化プラットフォーム プロダクトLP
CLIENT: ITスタートアップ企業
SCOPE: UI/UXデザイン / フロントエンド実装 / ヘッドレスCMS
最先端のAIプロダクトの機能性と信頼性を伝える、ダークモード×グラスモーフィズムデザイン。
#BtoB SaaS
#ダークモード
#ダッシュボードUI
クリエイティブWebデザインスタジオ コーポレートサイト
CLIENT: デザイン制作会社
SCOPE: ブランド戦略 / アートディレクション / 実装
遊び心と緻密なグリッドシステムを融合させた、クリエイティブスタジオの理念と実績を魅せるWebサイト。
#ブランディング
#マイクロインタラクション
#グリッドレイアウト
急成長テック企業 エンジニア＆デザイナー採用特化LP
CLIENT: Webテクノロジー企業
SCOPE: 構成企画 / コピーライティング / 実装一式
ミスマッチを防ぎ、意欲ある優秀層を惹きつける採用特化LP。社風や働くメンバーのリアルな声を視覚化。
#採用サイト
#カルチャー紹介
#社員インタビュー
総合法律事務所 信頼感を高めるコーポレートサイト
CLIENT: 総合法律事務所・士業
SCOPE: UIリニューアル / フロントエンド実装
初めて法律相談を希望するユーザーが安心感を持てるクリーンで誠実なデザインにフルリニューアル。
#士業
#信頼性
#料金シミュレーション
完全オンラインプログラミングスクール 無料体験獲得LP
CLIENT: オンライン教育事業者
SCOPE: 構成企画 / デザイン / コーディング代行
未経験からのスキル習得を支援するスクールの無料カウンセリング申込に特化した高転換率LP。
#スクールLP
#CVR最適化
#受講生の声
最新設備と安心感を届ける 美容皮膚科クリニックLP
CLIENT: 美容皮膚科・医療法人
SCOPE: デザイン設計 / レスポンシブ実装
医療広告ガイドラインに配慮しつつ、清潔感と先進技術への信頼感を両立した来院促進LP。
#医療・クリニック
#施術メニュー
#Web問診連携
建築家と創るデザイナーズ注文住宅 施工事例LP
CLIENT: 建築設計事務所・工務店
SCOPE: 構成提案 / UIデザイン / コーディング
こだわりの建築美をフルスクリーン写真と余白で魅せる、完成見学会・資料請求獲得用LP。
#住宅・建築
#写真ギャラリー
#見学会予約
ボタニカルコスメ D2CブランドプロモーションLP
CLIENT: コスメ・スキンケアブランド
SCOPE: 世界観設計 / デザイン / 実装
天然由来成分のこだわりと開発ストーリーを伝え、初回限定お試しセットの定期購入を促すLP。
#D2C・EC
#ブランドストーリー
#定期便促進
24時間完全個室パーソナルジム 無料体験予約LP
CLIENT: フィットネスクラブ・パーソナルジム
SCOPE: 構成企画 / デザイン / レスポンシブ実装
「人目を気にせず集中できる」完全個室ジムの魅力を伝え、無料体験トレーニングの予約を最大化。
#フィットネス
#ビフォーアフター
#トレーナー紹介
FREQUENTLY ASKED QUESTIONS
よくあるご質問
ご相談・ご依頼にあたって気になる点があれば、お気軽にお尋ねください。
Q. 原稿や画像素材がまだ揃っていなくても依頼できますか？
A.
はい、全く問題ございません！ヒアリングをもとに必要な構成や文章の叩き台をご提案いたします。画像素材に関しても、商用利用可能な高品質フリー素材から当方で最適なものをピックアップして組み込むことが可能です。
Q. デザインの修正は何回まで対応してもらえますか？
A.
ご要望に合わせて柔軟に対応いたします。制作途中でも確認用URLにて細かくイメージをすり合わせながら進めますので、納品時のイメージ違いを防ぎます。
Q. ドメインやサーバーの設定に詳しくないのですが、公開まで任せられますか？
A.
はい、お任せください！Cloudflare Pagesへの無料公開設定や、すでにお持ちのエックスサーバー・ロリポップ等のサーバーへのアップロード作業、独自ドメイン接続まで一通り代行・サポート可能です。
Q. 納品後、自分でお知らせや実績・ブログを更新できますか？
A.
はい、ヘッドレスCMS連携をご利用いただくことで、プログラミング知識がなくても、スマホやPCの専用管理画面からブログ感覚で手軽にテキストや画像の追加・編集が可能です。
Q. ココナラやクラウドワークス経由での発注・決済は可能ですか？
A.
はい、大歓迎です！仮払い（エスクロー決済）による安全なお取引が可能です。各サービス上の専用メッセージからお気軽に見積もりをご依頼ください。
CONTACT & ORDER
制作のご相談・お見積り
「こんな動きのWebサイトを作りたい」「ココナラで見積もりを取りたい」など、些細なことでもお気軽にご相談ください。
通常、原則24時間以内にご返答いたします。
ココナラ出品中
即レス対応
ココナラで相談する
安心のエスクロー決済（仮払い）。出品中のサービスへのご質問や、カスタム要件のお見積もりを個別にお受けいたします。
クラウドワークス対応
本人確認済
クラウドワークスで相談する
クラウドワークス経由での発注をご希望の方はこちら。規約に沿った安心・安全なお取引フローで迅速に納品いたします。
※ 各プラットフォームご利用中のお客様へ：
ココナラやクラウドワークス経由でご覧いただいた場合は、利用規約遵守のため、直接取引を行わず各サービス内のメッセージよりお問い合わせください。