Coding
HTML
CSS
JavaScript
jQuery
- 制作期間
- 約5ヶ月
- 動き
- スライダー・ハンバーガーメニュー
- こだわり
- アニメーションをちりばめて動きのあるサイトづくりにこだわっています。保守性を考慮し、機能ごとに処理を整理しています
Coding
HTML
CSS
JavaScript
jQuery
- 制作期間
- 約3週間
- 動き
- スライダー・ハンバーガーメニュー
- こだわり
- スマートフォンでの操作性を重視し、開閉アニメーションの自然さにこだわっています。保守性を考慮し、機能ごとに処理を整理しています
Coding
HTML
CSS
JavaScript
jQuery
- 制作期間
- 約3週間
- 動き
- スライダー・ハンバーガーメニュー
- こだわり
- BEMを意識して書きました。将来的にECサイトとの連携も考えられるため運用を見越して、後の修正が発生しずらいコードを意識しました。
Coding
HTML
CSS
JavaScript
jQuery
- 制作期間
- 約3週間
- 動き
- スライダー・ハンバーガーメニュー
- こだわり
- スマートフォンでの操作性を重視し、開閉アニメーションの自然さにこだわっています。保守性を考慮し、機能ごとに処理を整理しています
Design
Figma
- 制作期間
- 1日
- こだわり
- FigmaのデザインカンプからFigma to studioのプラグインを使用してStudioでサイトを完成させました。
Design
Figma
- 制作期間
- 1日
- こだわり
- 修正がスムーズにできるように、テキストスタイルとカラースタイルを設定し、全てのsectionにオートレイアウトを使用しました。
Design
Figma
- 制作期間
- 1日
- こだわり
- 文字とアンダーラインにオートレイアウトを使用し、文字が変更になっもレイアウトの修正が必要ない設定で作成しました。
Design
Figma
- 制作期間
- 1日
- こだわり
- 情報設計や機能性など、ユーザー側にも配慮したデザイン。キャッチコピーに縦文字を使用。
Design
Illustrator
- 制作期間
- 1日
- こだわり
- グラデーション、ドロップシャドウを使用し文字の見やすさを考慮しました。
Design
Photoshop
- 制作期間
- 1日
- こだわり
- 情報設計や機能性など、ユーザー側にも配慮したデザインを心掛けてバナーを作成しました。
Design
Illustrator
- 制作期間
- 1日
- こだわり
- パスの分割でパーツを作成。共通の部品は併用し、デザインにブレがないように作成しました。
Design
Figma
- 制作期間
- 1日
- こだわり
- Figmaで複雑なアニメーションを組み合わせた動きのあるファーストビューを完成させました。