タイムラインLP
縦スクロールで時系列に沿ってストーリーが展開するLP。左右交互のカードとプログレスバーで企業の歩みを伝える。
LP制作パララックスNext.js
LPショーケース
Claude Code で、こんなLPも素早く作れます
コンセプトに合わせて、様々なパターンのLPをスピーディに構築。デザインも実装も、Claude Code でワンストップ。
スクリーンショット
キャラクターLP
ユニコーンキャラクターが案内するポートフォリオLP。親しみやすさと技術力を両立。
Next.jsFramer Motionキャラクター
スクリーンショット
スタンダードLP
ミニマルで洗練されたビジネス向けLP。情報設計を重視した構成。
Next.jsTailwind CSSミニマル
スクリーンショット
絵本LP
ストーリーテリング型のLP。ページをめくるように物語が展開する没入体験。
ストーリーアニメーションFramer Motion
スクリーンショット
マップLP
インタラクティブマップ型LP。地図を探索するように情報にアクセス。
インタラクティブマップFramer Motion
まずはお気軽にご相談ください
お問い合わせラボについて
SHOW SmartWork Lab について
SHOW SmartWork Lab は、AI・自動化・Web開発を軸にした個人開発ラボです。 業務効率化の自動化ツール開発、AI を活用した情報発信の仕組みづくり、 そしてWebプロダクトの設計・実装まで、幅広く取り組んでいます。
「作れる」だけでなく「素早く、質の高いものを作れる」ことを大切にしています。 このキャラクターLPも、Claude Codeを活用して構築しました。
チームメンバー
ブルコーン
Web自動化
パプコーン
AI情報発信
グリコーン
データ分析
オレコーン
Web・LP開発
技術スタック
Next.js 15React 19TypeScriptTailwind CSS v4Framer MotionVercelPythonSeleniumClaude Code
