VIEW
⚠ DEMO SITE — はるひなパパ Web制作サービス 制作サンプル
// Trick 01 — Apple式 横スクロール

縦スクロールで
横に流れる

スクロールするだけで、製品・サービスが次々と現れる。Appleの製品ページで有名なUX。離脱率を下げる効果がある。

01

Web Design

デザインで
差をつける

競合と同じサイトでは埋もれる。体験を設計することが、ブランド価値を高める最短ルート。

02

Branding

記憶に残る
体験を作る

見た人が「あそこのサイト、すごかった」と口コミする。それが最強の集客になる。

03

Development

技術で
可能性を広げる

WordPressからフルカスタムまで。あなたのビジネスに最適な実装方法を提案します。

04

Results

結果が出る
Webへ

デザインは目的ではなく手段。問い合わせ・売上・認知。あなたのゴールに向けて設計します。

05
// Trick 02 — スクロールで数字がカウントアップ

数字が語る、
実績

PROJECTS
0+
制作実績
業種を問わず対応
SATISFACTION
0%
顧客満足度
リピート率の高さが強み
DELIVERY
0日〜
最短納品日数
スピードも品質も妥協しない
EXPERIENCE
0
Webデザイン実務経験
現役デザイナーが対応
// Trick 03 — GitHub式 3Dカードチルト

サービス
一覧

🎨
Webデザイン

ビジネスゴールから逆算したUI/UX設計。WordPressで自社更新可能な状態で納品。

LP制作

コンバージョンを最大化するランディングページ。最短3日〜の特急対応も可能。

🏢
コーポレートサイト

企業の顔となるWebサイト。採用・IR・ブランドページまで一貫してデザイン。

📱
スマホ最適化

全デバイス完全対応。スマホからのアクセスが主流の今、レスポンシブは必須。

🔍
SEO基本設定

全プランにSEO基本設定込み。メタタグ・OGP・サイトマップを適切に設定。

🛠️
保守・運用サポート

納品後も安心。更新代行・プラグイン管理・バックアップまで対応します。

// Trick 04 — スクロール画像リビール

見えた瞬間に
動き出す

画像がスクロールで現れる瞬間、ただフェードインするのではなくカーテンが開くように登場する。世界中のハイエンドブランドサイトで採用されているテクニック。

// スクロールで画像がリビール

// Trick 05 — 時間差フェードイン(資生堂・ユニクロ系)

制作の
プロセス

01
ヒアリング

目的・ターゲット・競合・予算・納期をZoomまたはLINEで丁寧にお聞きします。

02
デザイン提案

ワイヤーフレームとデザイン案をご提示。イメージが固まったら制作開始です。

03
制作・修正

プランに応じた回数まで無料で修正対応。細かい要望も遠慮なくどうぞ。

04
公開・納品

本番公開後、操作方法をご説明。WordPress管理画面の使い方もサポートします。

05
アフターサポート

納品後もLINEで気軽に質問できます。更新代行・追加制作もお気軽にご相談ください。

06
リピート・紹介

98%の顧客満足度。「友人に紹介したい」と思ってもらえる仕事を目指しています。

Web Design
WordPress
LP制作
コーポレートサイト
SEO対策
レスポンシブ
Web Design
WordPress
LP制作
コーポレートサイト
SEO対策
レスポンシブ
エステ
飲食店
クリニック
不動産
パーソナルジム
教室・スクール
エステ
飲食店
クリニック
不動産
パーソナルジム
教室・スクール
// Trick 06 — Stripe式 ボタンエフェクト & ローディング状態

ボタンにも
こだわる

ホバー・クリック・ローディング・完了。小さなインタラクションがUXの質を決める。

↓ クリックしてみてください(送信中→完了の流れを体験)

// Sticky Side Navigation

スクロールに追従するサイドナビ

セクションが切り替わるたびにナビゲーションがハイライトされる。長いページを持つ企業サイト・サービスサイトで広く採用されているUXパターン。ユーザーが今どこにいるか一目でわかる。

// Scroll Sync

スクロール位置と同期する

スクロール量を検知してナビの状態をリアルタイム更新。IntersectionObserver APIで実装するのが現代的な手法。パフォーマンスへの影響が小さくSEOにも優しい。

// Pricing

料金プラン

ライトプラン ¥15,000〜 / スタンダードプラン ¥30,000〜 / プレミアムプラン ¥60,000〜。すべてスマホ対応・問い合わせフォーム・SEO基本設定込み。詳しくはポートフォリオサイトをご覧ください。

// FAQ

よくある質問

「WordPressの知識がなくても更新できますか?」→ はい、大丈夫です。「急ぎで制作をお願いできますか?」→ 最短3日からの特急対応が可能です。「修正は何回できますか?」→ プランによって異なりますが、相談に応じて柔軟に対応します。

一緒に、
作りましょう。

まずは無料相談から。予算・納期・内容、なんでもお気軽にどうぞ。

無料相談を申し込む ポートフォリオを見る