[デザイン]プログラミングスクールLP
OVERVIEW
プログラミングスクールGOODWEB Achademyのランディングページのデザイン。 作成ツール:Figma
プログラミングスクールのLPをデザインしました。
スマートフォン、タブレットも含め、レスポンシブデザインをすべて作成しました。
オートレイアウトや制約(Constraints)を使用して、
デザイン完成後のサイズ調整にも対応しています。
また、プロトタイピングも作成しました。
以下はスマートフォンでのプロトタイピングです。
メニューのタップでの開閉、下層ページへの遷移なども実現しています。
一応フッターも↓
気を付けたこと
基本的にどのデザインでも同じですが、フレーム名、レイヤー名はわかりやすく命名することを心掛けています。
今後本格的に取り組んでみようと思う事は、フロントエンドエンジニアの経験から、
コンポーネント名はキャメルケースで命名してると、実装者はコンポーネント名考えなくて済むよな、と考えています。