ポートフォリオサイト

ショップデモサイト(架空)

  • 目的
    コーディングスキルトレーニング②
  • 意識した点
    模写サイトの題材をを元に、より実際のサイトに近づけるように制作
  • アレンジ
    ・商品画像はPhotoshopの生成AI画像を使用。Tシャツには店舗名(MYSTYLE)を表示
    ・実際の商品ページに近づけ、余白やフォントサイズを調整し可読性を高める
    ・スマホページには、ハンバーガーメニューを設置
  • 担当範囲 | Design / HTML,CSS
  • 使用ツール | Dreamweaver / Photoshop
  • PC・スマホサイトデザイン