ポートフォリオサイト_202110

担当工程:

UX設計・UIデザイン(Figma)・コーディング(HTML/CSS/jQuery)

※ポートフォリオ用に、架空の設定で制作したサイトです。


サイト名:

喫茶処 カキツバタ

http://kakitubata.forestdesign.ml


想定ターゲットユーザー:

メインは日本のお茶の文化にライトな関心のある近隣在住30代〜女性、

ほか訪日外国人


ゴール設定:

日本の「お茶」文化を、より日常的に手軽に楽しむ体験のできるカフェ、というコンセプトを伝える


デザインコンセプト:

  • 知性 ✕ 遊び心、日本文化への尊敬、和モダン
  • 和のテイスト、全て縦書きで構成
  • 和文様をうすくあしらう
  • バララックス背景でイメージを背景から伝える


制作期間:4日間

  • 情報設計+写真&素材あつめ:1日
  • Figmaデータ作成:1日
  • HTML & CSS & jQuery & レスポンシブ:2日


対応ブラウザ:

Chromeのみ(他ブラウザ未確認段階)


レスポンシブ対応:

PC(1440px幅)・タブレット(768px幅)のみ


制作背景メモ:

前職での職掌はUI/UXデザインのみだったため、ゼロイチからのコーディングは、職業訓練校以来。コーディングも出来るwebデザイナーとなるため、2021年8月〜10月まで3ヶ月ほどかけて、HTML/CSS/jQuery/Wordpress/JavaScript/PHPを独学で学び直し。

その成果物として、ポートフォリオ5サイト制作。実案件でありそうな5種のタイプのターゲット&クライアントを想定し、制作しました。