PortFolio

Profile

ライン
NAME
Hasegawa Kyoko

 経歴
エネルギー関連企業サイト更新や人材派遣企業ブログサイト進行管理、メルマガ作成等を経験。現在は個人でサイト制作、バナー制作やロゴ制作を承っています。クライアント様のイメージに沿ったデザイン、アクセシビリティを意識した制作を行なっております。
お気軽にご相談をお待ちしております。

 対応可能
HTML CSS JavaScript WordPress PHP jQuery Figma Photoshop Illustrator VSCode レスポンシブ対応可能 Webクリエイター能力認定試験エキスパート取得

 趣味・好きな食べ物
コーヒー 鰺 チーズ 韓国語 ジョギング 音楽鑑賞

Work website

ライン
スキンケア化粧品のサイト

norasol (制作期間：96時間)

  • ハーブ由来の天然成分を使用したスキンケアコスメ（架空）のサイトです。植物由来の原料を使用しているのでお肌に優しく、余計なものは入れない無添加化粧品です。シンプルなサイトを意識しました。
  • HTML / CSS / javascript / Figma / Photoshop / レスポンシブ対応 /
マカロンのサイト

mignon macaron (自主制作)

  • マカロン店のサイト（架空）です。色合いを明るく、華やかにしたことと、マカロンに細かく動きをつけることで印象に残るサイトを目指しました。サイト完成後にWordPressのオリジナルテーマを作成しました。
  •  HTML / CSS / javascript / Figma / Photoshop / レスポンシブ対応 / PHPでのオリジナルテーマ構築 
exhibitionのサイト

Africa exhibition (自主制作)

  • 写真展のサイト（架空）です。写真を大きくダイナミックに感じられるように作成しました。javascriptではOvserberAPIを使用しています。
  •  HTML / CSS / javascript / Figma / Photoshop / レスポンシブ対応 
&bakeryのサイト

&bakery (自主制作)（制作期間：7日）

  • 街のパン屋さんをイメージして作成しました。（架空）メインカラーは紺色ですが、重たいイメージにならないように透明感を意識しました。また素材にこだわってシンプルに焼き上げる店主の思いを伝えられるよう、サイト全体もシンプルに作成しました。
  •  HTML / CSS / javascript / Figma / Photoshop / レスポンシブ対応 

Work webdesign

ライン
雑誌リンクのバナー

雑誌へのリンクバナー 

  • 雑誌へのリンクバナーとして雑誌の表紙をイメージして作成しました。素材（女性の写真）を元に、タイトルと見出しの色で夏を表現しました。また、大人女子向けの雑誌を想定し、細身のフォントでかっこよさを表現しました。
  • photoshop
スキンケア商品のバナー

スキンケア商品のバナー 

  • スキンケア商品のバナー（架空）です。幅広い年代のスキンケアに興味を持つ方向けにフォントやあしらいで親しみやすさを表現しました。
  • photoshop
架空のマンション広告

新築マンションのバナー 

  • 新築マンション販売のバナー（架空）です。下から見上げる素材を使用して低層、横長の外観を強調し、フォントに太ゴシックを使用することで信頼感、安心感を感じていただけるよう制作しました。
  • photoshop
架空のカフェlogo

薬膳カフェlogo 

  • 薬膳カフェのlogo（架空）です。「薬膳で身体を整える」というお店の根幹にあるコンセプトを、タイポグラフィの「整列」に置き換えて表現しました。
  • Photoshop
架空のセミナー広告

オンラインセミナーのバナー 

  • オンラインセミナーのバナー（架空）です。気軽にマネーセミナーに参加していただけるように親しみを持てるようなフォントやイラストを使用し、セミナー名と日時が目に入りやすいようにシンプルな構造で制作しました。
  • photoshop
架空の写真展広告

写真展のバナー１ 

  • Illustrator、photoshopを使用して写真展のバナー（架空）を作成しました。色のコントラストを意識して作成しました。
  • illustrator photoshop
架空の母の日の広告

母の日キャンペーンのバナー 

  • 母の日のバナー（架空）です。母の日をイメージした背景のハートのあしらいをポイントにしました。
  • photoshop
架空の旅行比較サイト

旅行比較サイトのバナー1 

  • 旅行比較サイトのバナー（架空）です。目に留まりやすい様に背景に海、また遊びのあるキャッチコピーと子供の写真で印象に残るようなバナーとしました。
  • photoshop
架空のリノベーション広告

リノベーション広告のバナー 

  • photoshopの講義で作成しました。キーカラーを緑にし、落ち着き且つ親しみのある雰囲気を出しました。
  • Photoshop
サウナ施設のロゴ

サウナ施設のLOGO 

  • Illustratorを使用してサウナ施設様のlogoを作成させていただきました。
  • illustrator
サウナ施設のロゴ

サウナ施設のLOGO2 

  • Illustratorを使用してサウナ施設様のlogoを作成させていただきました。
  • illustrator
ケーキイラスト

ケーキのイラスト 

  • Illustratorでケーキのイラストを作成しました。
  • illustrator
birthdaycardイラスト

バースデーカード 

  • Illustratorでバースデーカードを作成しました。
  • illustrator
架空のキャンプ場広告

キャンプ場のLOGO 

  • Illustratorを使用してlogo（架空）を作成しました。
  • illustrator
架空のキャンペーン広告

イベントキャンペーンのバナー 

  • Illustrator講義後、ツール使用の練習のために作成しました。Illustratorは使い慣れるまでは難しかったのですが、できるだけ多くの機能を使用するように心がけました。
  • Illustrator
架空の夏期講習のバナー

夏期講習のバナー 

  • Illustratorの講義後、ツールの練習のために作成しました。ガイドを使用し左右均等に作成する点が難しかったです。
  • Illustrator