[デザイン]プログラミングスクールLP

OVERVIEW

プログラミングスクールGOODWEB Achademyのランディングページのデザイン。 作成ツール:Figma

YEAR 2025

プログラミングスクールのLPをデザインしました。


スマートフォン、タブレットも含め、レスポンシブデザインをすべて作成しました。

オートレイアウトや制約(Constraints)を使用して、

デザイン完成後のサイズ調整にも対応しています。

また、プロトタイピングも作成しました。

以下はスマートフォンでのプロトタイピングです。

メニューのタップでの開閉、下層ページへの遷移なども実現しています。

一応フッターも↓

気を付けたこと

基本的にどのデザインでも同じですが、フレーム名、レイヤー名はわかりやすく命名することを心掛けています。

今後本格的に取り組んでみようと思う事は、フロントエンドエンジニアの経験から、

コンポーネント名はキャメルケースで命名してると、実装者はコンポーネント名考えなくて済むよな、と考えています。