マガジン

  • コーディング

    コーディングした感想などを書いていきます

  • バナー制作

    スクールの課題で制作したバナーについての記事を書いていこうと思います。

  • 日記

    Web業界で働く中で思ったことを書いていこうと思います

最近の記事

バナー制作【課題⑩】

女性専用フィットネスのバナー初回提出 制作日:10月15日 ●【工夫したところ】 ・スタイリッシュなイメージを出すために、斜めの図形などを使用してスタイリッシュさを表現してみました ・フォントはゴシック体をベースにして、ややスリムなものを選定しました。(スタイリッシュな印象をだすため) ・(300×600)サイズのものはキャッチコピーを入れ、インパクトのある雰囲気を出してみました。 ・(300×250)サイズのもはGrand Openの部分あたりが可読性が少し弱いと感じ、絵

    • サイトコーディング【しょーごさん課題(初級EX)】

      制作について・制作時間:6時間 PC2時間・SP2時間・セルフチェック1時間(パーフェクトピクセル)・修正1時間 コーディンしたサイトのURL https://go-cf38.com/ishii-clinic/index.html ・Basic認証 ID:gou210 PW:gou210 コーディングのレベル感display:flexやpotisitionをしっかりと理解していたら問題なくコーディングできるレベル感でした。 potisitionの基本を理解していないとフ

      • バナー制作【課題⑨】

        化粧品リップのインスタ広告初回提出 制作日:9月29日 ●【工夫したところ】 ・女性向けなので、フォントは上品な印象を与える明朝体をメインに選定しました。 ・切り抜いた女性の視線の先に商品を置いて視線誘導の流れを作ってみました。 ・『大人の上品~』『水に強く~』のキャッチコピーの部分は、上品さと高級感な雰囲気を出すために、 グラデーションでシルバーに近い配色にしてみました。 ・新色追加の文字は、20代女性を意識して柔らかく手書きの丸っぽいフォントで、がらりと印象を変えてみま

        • バナー制作【課題⑧】

          定期便米粉パンのインスタ広告初回提出 制作日:9月28日 ●【工夫したところ】 ・おしゃれでナチュラルな印象を出すために、手書きのイラストを使用したり、キャッチコピーのフォントを上品なイメージの明朝体を使用しました。 ・グルーピングを意識して、文字の大きさのメリハリ、中央にきゅっとテキストを寄せてみました。 ・背景はパンの表面を意識して、若干ざらつかせました。 ・せっかく時間をかけて作った背景をあまりつぶしたくなったので、詳しく見るのボタンは、いつものように帯にするのではな

        マガジン

        • コーディング
          1本
        • バナー制作
          10本
        • 日記
          1本

        記事

          バナー制作【課題⑦】

          シェアオフィスのバナー初回提出 制作日:9月22日 ●【工夫したところ】 ・明るい印象を依頼されていましたので、配色はオレンジをメインに、フォントは元気な印象を与えるゴシックを選定しました。 読ませたい情報はNoto Sans JPを選定し、キャッチコピーは印象を変えるためにフォントを少し変更し、文字には明るい印象を持たせたかったので、 立体感と飛び出す効果を追加しました。 ●【難しかったところ】 明るい印象とはどのようにすればよいか悩みました。いろいろと参考バナーを見てい

          バナー制作【課題⑦】

          バナー制作【課題⑥】

          和風旅館のバナー初回に提出したもの 制作日:9月14日 ●【工夫したところ】 ・旅館の和風と落ち着いた高級感がある雰囲気を出すために、フォントは楷書体を選定しました。 ・文字のメリハリを出すために、『2023年~最大30%オフ』までの文字は、可読性を重視したゴシック体を選定しました。 ・配色は写真素材の緑を生かすために、メインを緑にしています。 ●【難しかったところ】 ・毎回、割引の部分の大きくして目立たせていましたが、今回は旅館の雰囲気を伝えるためにキャッチコピーを大きく

          バナー制作【課題⑥】

          バナー制作【課題⑤】

          ハワイ旅行キャンペーンのバナー初回に提出したもの 【Instagram広告】 【リスティング広告】 制作日:2024年9月14日 ●【工夫したところ】 ・夏や海を連想する配色を心掛けました。 ・なんのバナーかわかるように、キャンペーンの文字にリボンのあしらいをしました。 ・文字のブロックを意識しました。 ●【難しかったところ】 ・『ハワイ』の文字に明るいイメージを持たせようと、いろいろとエフェクトをかけました。 完成したもの 修正点 全体的にフォントや配色、効果がば

          バナー制作【課題⑤】

          バナー制作【課題④】

          不動産バナー初回に提出したもの 制作日:2024年9月8日 ●【工夫したところ】 ・高級感を出すために配色は紺色をメインにし、文字も金色のグラデーションをかけました。 ・上記に合わせて、文字のフォントも明朝体を選定しました。 ・文字のブロックを意識しました。 ●【難しかったところ】 ・どの情報を目立たせたらよいか迷いが出てしまったかもしれません。 完成したもの 修正点 ・『3』の部分の配色を白抜きにして、ドロップシャドウを付け、見やすくしました。 ・金色のグラデーション

          バナー制作【課題④】

          バナー制作【課題③】

          ハンバーガークーポン初回に提出したもの Instagram用 X用 制作日:2024年8月24日 ●【工夫したところ】 ・『スペシャルチーズバーガー』の個所は、チーズを表現したり、ワイルドなスペシャル感を取り入れた効果で表現してみました。 ・全体的にテキストのブロックを意識して、文字組をさせていただきました。 ・できる限り変な余白を生まないようにしました。 ・フォントは可読性を重視して、ゴシック体を選びました。 ●【難しかったところ】 ・テキストの情報量が多く、どこを

          バナー制作【課題③】

          バナー制作【課題②】

          ヨガ教室バナー初回に提出したもの 制作日:2024年8月14日 【工夫したところ】 ・落ち着いた雰囲気を出すために色のトーンを抑えた配色にしました。 ・ヨガ教室をイメージしやすいように、画像はヨガをしている女性を選びました。 ・フォントは可読性を重視して、ゴシック体を選びました。 ・体験レッスンの個所を目立たせたかったので、500円の文字を大きくしました。 再提出したもの 【修正点】 ①文字のジャンプ率を上げるために、 『500円』の円の部分を小さく、500の部分のフォ

          バナー制作【課題②】

          バナー制作【課題①】

          WEBスクールバナー初回提出したもの 制作日:2024年7月25日 【工夫したところ】 ・文字組みやジャンプ率など、大事な部分を目立たせるための工夫をしました。 ・配色はメインカラーや補色、類似色を考えて使いました。 【難しかったところ、悩んだ所】 レイアウトがなかなか決まらず我流でやろうかと思いましたが、過去に1度失敗していたので、 思いとどまり、参考デザインを見ながらアイディアをひねりました。 再提出したもの 【修正点】 ①へんに余白があいてスカスカした印象だった

          バナー制作【課題①】

          明日から

          明日から新しい職場で働くことになります。 いままで悠々自適な生活を送っていたため、フルタイムの労働にはちゃんと働けるかな、なんて少し不安もあります。 ほかにも職場で迷惑をかけないようにしないと、とかいろいろ不安は尽きません。。。 ですが、自分が決めた道なので頑張ろうと思います。 前夜になって、感情が高ぶってしまい、自分の決意表明みたいなものを書いてしまいました。 まずは1日目をしっかり乗り切って、着実に仕事を覚えていこうと思います。 同時に毎日の学習は欠かさず、バナー

          明日から

          転職活動

          祝・転職先が無事に決まりました。クリエイターズファクトリー(以下:CF)のチーム制作を終えてから、いろいろと紆余曲折を経て、無事に転職先が決まりました! コーダーになることを決意し、前職を退職してから約10か月。 ひたすらコーディングを学習し続け、CFのコーディングGYMを受講し、スクール課題をすべて完了させたおかげで、だいぶ自信がつきました! 仕事は8月1日から始まります。 配属先ではコーディングだけでなくデザインも携われることもあり、いろいろな経験が積めそうです。 い

          転職活動

          ”卒業がない”Webデザインスクールでさらなるスキルアップを目指してみた

          こんにちは、GOと申します。 私は大阪にある『クリエイターズファクトリー』(以下:CF)というWebデザインのスクールに半年間通い、先日最後のカリキュラムであるチーム制作を終え、無事に修了することができました。 https://creators-factory.com/ 今回は私が半年ほど通っていたWebデザインのスクールについて、以下の内容で書かせていただきたいと思います。 簡単な自己紹介(はじめましての方へ)もともとは再生可能エネルギー業界で働いておりましたが、自分

          ”卒業がない”Webデザインスクールでさらなるスキルアップを目指してみた

          Webデザイナーを目指し、勉強をはじめるまで

          普段ノートは読むことばかりでしたが、今後の学習記録や日々の思ったことを書きたいと思い、始めてみることにしました! まず自己紹介初めまして、GOと申します。 いまは力仕事系のアルバイトをやりながら、転職活動をしている30歳の男です。(結婚はしておりません) よく言われるのが多趣味だと言われます。 私自身、好奇心旺盛な性格のようでこれまでにいろいろやりたいことをやってきました。 ・野球(5年間) ・テニス(軟式3年と硬式3年) ・ギター(6年間) ・ゴルフ(1年間) ・ダーツ

          Webデザイナーを目指し、勉強をはじめるまで