タブメニュー

タブをクリックして、コンテンツの切り替わりを確認できます。
2種類のデザインパターンをご覧いただけます。

https://gr-lab.co.jp/
対応サービス詳細
▶ パターン A：アイコン付きタブ
🎨
デザイン再現
XD・Figmaをピクセルパーフェクトに実装
⚡
スピード納品
最短翌営業日での納品が可能
📝
指示書不要
データ丸投げでOK
🔄
修正対応
認識相違の修正は何度でも
基本料金5,000円〜 / 1P
🖥
PC表示
フル幅のデスクトップレイアウトで実装
標準対応
📱
スマホ表示
768pxブレイクポイントでSP最適化
標準対応
📟
タブレット表示
中間ブレイクポイントの追加対応
要相談
デザインカンプからWordPressテーマを制作します。投稿・固定ページ・カスタム投稿タイプなどに対応。既存テーマへの組み込みも可能です。
オリジナルテーマ 子テーマ作成 ACF対応 カスタム投稿 プラグイン調整
⚠️ WordPress案件は内容により別途お見積もりとなります。まずはご相談ください。
CSS・HTMLだけでは実現できない動きやインタラクションをJavaScriptで実装します。ライブラリの活用も対応可能です。
🎠
カルーセル
☰
ハンバーガー
🖱
スムーススクロール
📑
タブメニュー
▶ パターン B：ピル型タブ
すべてのプランを表示しています。
タブをクリックすると、各プランの詳細内容だけを絞り込んで表示できます。情報を整理して見せたい場合に最適なUIコンポーネントです。
🌱 ライトプラン：5,000円〜
1ページ5,000pxまでのシンプルなLPコーディングに最適。
静的HTML・CSS・基本アニメーションを含みます。
⭐ スタンダードプラン：8,000円〜
5,000px超のLP・レスポンシブ対応込み。
JS実装（カルーセル・スムーススクロールなど）も含みます。
💎 プレミアムプラン：要お見積もり
WordPress組み込み・大規模サイト・複雑なJS実装など。
内容に応じてお見積もりします。