Otama Design Portfolio

  • Home
  • about
  • Works
  • Contact

HTML、CSS

Published by Otama_Design on 2023年3月19日2023年3月19日

キャリアスクール時代にWebデザインコースの最終課題の自作Webページです

http://mute-ebino-9509.gloomy.jp/

要件定義シート、ペルソナ

拙い内容で恥ずかしい…

Categories: キャリアスクール時代自主制作
Tags: 初めてのHTML初心者

Related Posts

自主制作

DMハガキ

目的 近隣に新しくオープンするカフェのお知らせ ターゲット 紅茶・スコーンが好きな20代〜60代の女性ゆったりとした時間を過ごしたい人カジュアルなアフタヌーンを楽しみたい人 配色 テーマカラーは#72640c(オリーブ) フォント オープン情報:Zen Maru Gothic店名:Chalkduster(手書き風をイメージ)紹介本文:娃娃体、小塚ゴシック Pr6N こだわり お店のセールスポイントであるアフタヌーンティとイングリッシュガーデンの写真を使用し、どのようなサービスが受けられるのかを消費者にイメージしやすくデザインしました。 サイズ 100×148 px

自主制作

Banner

目的 ブライダルフェアの予約誘導、バナータップで予約画面へ遷移 ターゲット 有名・高級ホテル、ワンランク上質な結婚式を希望している方華美過ぎず安っぽくないホテルウェディング 結婚式場探しを始めたばかりの方 配色 ゴールド フォント Bridal Fair:Great Vibes、Snell Roundhand数字:DIN Alternate日本語:筑紫B丸ゴシック、小塚ゴシック Pr6Nホテル名:游明朝体 こだわり 結婚式関係のバナーであると一目でわかる高級感・上質感を感じてもらうためブラウン系のゴールドを使用結婚式場探しを始めたばかりの人でも気軽に参加できるよう予約制・無料を強調予約制も強調することで飛び込み来場を抑止 サイズ 300×250 px 目的 スプリングフェアの案内、直近の撮影誘導、バナータップで予約画面へ遷移 ターゲット ウェディング フォトをすぐに撮影したい人よくある写真ではなくこだわりがある人 配色 モノトーンの素材の色を全面に使用結婚式の写真といえば、明るい・可愛い・華やかのイメージを払拭し、かっこいい写真も撮影ができるアピール割引を目立たせるため有彩色をポイントで使用 フォント 游明朝体写真のクールなイメージを文字でも表現 こだわり ウェディング フォトにあえてクールな印象を与える写真を使い差別化他の作品も見てみたいと思わせWebページへの誘導を想定撮影時期を限定することでクリック、予約までをスムーズにさせる サイズ 300×250 px

キャリアスクール時代

キャリアスクールについて

画像のロゴにもある通り、キャリアスクールはShelikesでした。21’12月~22’12月まで会員でした。Webデザイナーコースを受講すると制作要件を出されるので、それに沿ってバナーを制作しました。全てPhotoshopを使用しています。 ShelikesではWebデザイナーになるための基礎(主にPhotoshopの使い方、Webサイトの作り方)の基礎を学びました。

  • Works
  • ホーム
Hestia | Developed by ThemeIsle