About
安達 真代-Masayo Adachi
1982年7月、福岡県出身。中村学園大学短期大学部 家政経済科卒業。
約17年ほど東京で事務職に従事、福岡への転居に伴い退職。
退職に伴い以前より興味のあったWebザインの知識を身につけたく、
創造社リカレントスクール福岡校でWebデザインと動画編集を学ぶ。
| スキル | Illustrator2024、Photoshop2024、premierPro2024、visual studio Code |
|---|---|
| 言語 | HTML5、CSS3（JavaScriptおよびjQueryは基礎程度） |
| 資格 | Webクリエイター能力認定試験 エキスパート 2025年1月受験予定 |
Banner
Instagram用ハンバーガーショップ
クーポンプレゼントバナー
以下ページのバナー作成課題でバナーを3種作成しました。
Web鍛>課題>デザイン課題>バナー・画像制作課題
| 必ず伝えたい内容や条件 | LINE登録でドリンク1杯無料。※1,000円以上の会計のみ適応 6月だけのキャンペーン Instagram投稿用の画像（サイズは1,080px 正方形） |
|---|---|
| 店名 | グリルマスターズ |
| ターゲット | A:40代男性、B:20代女性、C:クリスマス用 （6月までのクーポンですが、あえてクリスマス用を作成） |
| 使用したツール | photoshop（写真レタッチ、切り取り） Illustrator（全体の作成） |
| 制作時間 | 4時間 |
| 制作に際し こだわったポイント |
それぞれ、年齢・性別・イベントに合わせた配色にしました。 クリスマス用は全体的にツリーをイメージし、3角形になるようにレイアウトしました。 |
| 改善したい箇所 | C.ベースカラーと文字色のメリハリが付けられず少し読みづらくなってしまった。 |
A
B
C
Instagram用抹茶ドリンクPRバナー
以下ページのバナー作成課題でバナーを3種作成しました。
Webクリエイターボックス>バナーデザイン練習
10本ノック>3.抹茶ラテ
| 概要 | 昔ながらの和菓子が人気の老舗から、若者層の呼び込みのために新たに開発されたアイス抹茶ラテ。本格的な抹茶を気軽に楽しんでもらいたい。 |
|---|---|
| 店名 | 茶寮上符 |
| ターゲット | カフェめぐりが好きで、住んでいる街や通勤路にあるカフェをチェックしている。カフェでは読書などでゆっくり過ごしたい。和菓子も好き。 |
| キャッチコピー | 老舗茶寮が贈る 抹茶ラテ 600 円 |
| 印象 | 和風、落ち着いた、おしゃれ |
| 使用したツール | photoshop（写真レタッチ、切り取り） Illustrator（全体の作成） |
| 制作時間 | 4時間 |
| 制作に際し こだわったポイント |
A.カフェ好きの方に訴求できる様に写真をそのまま使用し、店名の書体を和菓子屋の雰囲気が伝わる様にしました。 B.和菓子屋の雰囲気が出る様に和三盆糖の色味をイメージしベージュのカラーをメインにメインに、和菓子の雰囲気で丸のオブジェクトを使用しました。 C.抹茶ラテのカーラをベースに使用し、小豆カラーで和菓子屋の雰囲気を出しました。 |
| 改善したい箇所 | 全体的にあしらいなどが使用できず、少し寂しい感じになってしまった。 |
A
B
C
バナー模写課題
| 概要 | バナー模写課題 |
|---|---|
| 使用したツール | photoshop（写真レタッチ、切り取り） Illustrator（全体の作成） |
| 制作時間 | 12時間 |
| 制作に際し こだわったポイント |
フォントを使用できるものの中から近いものを探して使用しました。 |
| 改善したい箇所 | チキンカツのチーズがとろける部分が再現できなった。背景色とチーズの色味が見本に近づけられなかった。 |
SAMPLE
制作したバナー
Coding
コーポレートサイト模写
以下ページのコーディング課題でコーポレートサイトを作成しました。
| 使用したツール | photoshop（写真のリサイズ） visual studio Code（HTML、CSS） |
|---|---|
| 制作に際し こだわったポイント |
・画面下部のリクルート部分で写真にホバーした際、画像をスケールさせてわかりやすさを追加しました。 ・レスポンシブ対応で、タブレット、スマホサイズではハンバーガーメニューを表示させました。 ・リクルートの写真部分はフルサイズでは横並び4枚を、縦横2枚ずつにしレイアウトを調整しました。 ・フッターのナビゲーションはレスポンシブ対応ではハンバーガーメニューに対応したため非表示にしました。 |
以下の画像をクリックすると、模写サイトへ遷移します。
Video
課題制作:Instagramリール動画制作
| 概要 | YouTube動画へ誘導するインスタグラムリール動画制作 |
|---|---|
| ターゲット | 創造社リカレントスクール福岡校へ入校した生徒 受講前で同校へ興味を持った方 |
| 伝えたい内容 | YouTube動画本編では、施設案内や注意事項などを紹介。 本編から90秒で伝えたい内容などを抜粋して制作 |
| 使用したツール | premierPro(全体の編集、テロップ・BGM入れ) Illustrator（アイコンの作成） 使用した動画は用意されていたもので撮影は含まれません。 |
| 制作時間 | 12時間 |
動画の最後の二次元QRコードはダミーのため本編へはリンクしておりません。