トップページのデザインをPhotoshopで行い、Terapadでコーディングを行いました。
今回初めてjQuery(ジェイクエリー)を使用して、メインビジュアルのスライドショーを作成しましたが、内容が複雑なため作業が難航しました。
自分の思い描いた完成形にすることができなかったので、今後独学で勉強していこうと思います。
→コーディングしたサイトはこちら
課題名 | ECサイト |
---|---|
サイトの概要・目的 |
|
デザインの要望 |
|
必須要素 | サイトロゴ(Macky)、特集の告知(メインエリアとサイドバーの両方)、各種バナー(特集以外のキャンペーン、サービスなど)、人気商品(3位まで)、スタッフのおすすめ(3点程度)、新着アイテム、ショップからのお知らせ、ショッピングガイド、カテゴリ一覧、ヘッダー、グローバルナビ、フッター、メインビジュアル |
サイト仕様 |
|
制作意図 | 北欧家具やナチュラルな雑貨を販売している店舗をイメージしました。商品画像やバナーがカラフルな為、コンテンツのカラーはベージュ、ネイビー、ホワイトなど色数を抑え、落ち着いた雰囲気で全体を統一しました。 |
制作期間(時間) | 約30時間(デザイン+コーディング) |
制作環境 | Illustrator CS4&5、PhotoshopCS4&5、TeraPad |