LP制作（架空案件・練習）
1Day クリエイティブセミナー LP
セミナー集客用LP。Figmaデザインカンプをもとに、PC/SP両対応でコーディングしました。 ヘッダーのハンバーガーメニュー、FAQのアコーディオン開閉、 「入力→確認→送信」の3ステップ構成のお問い合わせフォーム（実際にメール送信されます）まで実装しています。
- HTML / CSS
- JavaScript
- レスポンシブ対応
- フォーム実装
otenchannel
Coding Portfolio
大学4年生。Web制作（LPコーディング）の副業を始めるため学習中です。
Figmaのデザインカンプを読み解いてのコーディング、PC/SPのレスポンシブ対応、
フォーム実装までを一通り自分の手で作れるよう練習を重ねています。
LP制作（架空案件・練習）
セミナー集客用LP。Figmaデザインカンプをもとに、PC/SP両対応でコーディングしました。 ヘッダーのハンバーガーメニュー、FAQのアコーディオン開閉、 「入力→確認→送信」の3ステップ構成のお問い合わせフォーム（実際にメール送信されます）まで実装しています。
LP制作（架空案件・練習）
ダークテーマのアプリ紹介LP。グラデーション装飾やアイコンの配置など、 Figma上の複雑な視覚効果をCSSで再現しつつ、PC/SP両対応でコーディングしました。
テンプレート販売（BOOTH）
WordPress無料テーマ「Cocoon」向けに制作した、コーポレート・ポートフォリオ・ ショップ風の3種類のCSSスキンです。「追加CSS」に貼るだけで適用できる、 ストック型の販売商品として企画から制作・出品まで行いました。
ランサーズ・クラウドワークス経由でご連絡ください。