BBB英会話スクール(Codestep様の無料配布デザインカンプからのコーディング)

OVERVIEW

Codestep様の架空の英会話スクールのデザインカンプをお借りしてコーディングをしたものです。(※一部アレンジを加えております。)

BBB英会話スクールのページへ


デザインカンプはCodestep様(https://code-step.com/)からお借りしました。

【サイトスクリーンショット】

(※サイト内の画像はフリー素材、およびCodestep様が用意していただいた画像を使用しております。)


【製作期間】

約4日


【設計方法】

FLOCSS、BEMを用いてコーディングしました。


【工夫した部分】

・ファーストビューの部分(Javascriptライブラリ等を使わずCSSで実装するという仕様書に準じてコーディングしたところです。)

・BBBが選ばれる理由の部分と、受講者の声の部分のjQueryでの制御

・どの画面幅でもレイアウトがすべて最適化されるようにリキッドレイアウトを意識してコーディングしました。

WEBSITE