LPの背景画像

コーディング

クライアント(仮想)
コーディング(PC, SP両方)
制作日
2025年9月 制作
制作期間
コーディング / 約3週間
制作目的
課題
使用ツール
Visual Studio Code / chat GPT
URL
 
装飾画像

こだわりポイント

コーディングのこだわり

コーディングのこだわり

コーディングでは、
ドットインジケーターやタブ切り替え、
モーダル表示などの動的なUI要素を
実装しました。

ChatGPTを活用しながら
効率的かつスピーディーに
コードを構築し、実装の精度と作業効率を両立。

JavaScriptを中心に、仕様や挙動を確認しつつ
デザインとの整合性を保ちながら進めました。

コードの最適化や動作確認を重ねることで、
保守性と見やすさにも配慮しています。

デザインとフロントエンドの両面から
一貫したUI体験を意識した制作を行いました。

装飾画像

サイトビジュアル

PC版

PC版サイトビジュアル

SP版

SP版サイトビジュアル

他の作品を見る

LP

受講生募集を目的としたオンライン学習サービスのLP

Figma レスポンシブ

Webサイト

BtoC向け新規顧客獲得の為のコーポレートサイト

Figma

Webサイト

BtoBの新規顧客獲得の為のコーポレートサイト

Figma レスポンシブ

LP

スマートフォン向けLP(SPデザインのみ)

Adobe Illustrator Figma Photoshop