Portfolio

WORKS

Web Design

petitbonbonsのwebサイト

Petit bonbons

アイシングクッキー教室のwebサイト

制作期間

約1ヶ月

使用したツール・言語

Photoshop/Illustrator/Studio Code/
HTML/CSS/JavaScript

デザイン

お菓子作りが好きな女性(20~40台)や子供とお菓子作りを楽しみたい主婦層をターゲットに、新規顧客の獲得や生徒数の増加を目的にしました。デザインはシンプルエレガントでありがらも親近感があるものが良いの希望があり、温かみのあるピンクやベージュを使用しました。

komorebibakeryのwebサイト

こもれびベーカリー

ベーカリのwebサイト(架空サイト)

制作期間

約3週間

使用したツール・言語

Photoshop/Illustrator/Studio Code/
HTML/CSS/JavaScript

デザイン

地域のファミリー層(20~50代)や自然派に興味のある女性(20~40代)をターゲットに新規顧客の獲得やオンラインショッピングでの購入を促すことを目的に設定しました。ナチュラルでやさしい雰囲気を大切にし、こもれびをイメージしたやわらかな黄色と緑をメインカラーに選びました。また、丸みのあるフォントを使用することで、親しみやすく温かみのある印象に仕上げ ています。

kotoricafeのwebサイト

kotoricafe

cafeのwebサイト(架空サイト)

制作期間

約2週間

使用したツール・言語

Photoshop/Illustrator/Studio Code/
HTML/CSS/JavaScript

デザイン

SNS映えに興味のある女性(20~40代)や季節の果物を使ったスイーツが好きな方をターゲットに新規の客を獲得し、予約数を増やすことや季節限定のメニューを宣伝すること目的としました。ポップでかわいらしい世界観を大切にし、SNS映えを意識したデザインに仕上げました。視線誘導の「Zの法則」を取り入れ、写真や文字の配置にもこだわっています。また、お菓子作りが趣味という強みを活かし、自作のいちごスイーツを撮影した写真を使用。手作りならではの温かみと、kotoricafeの世界観が伝わるよう工夫しました。

桜華美術大学

美術大学のwebサイト(架空サイト)

制作期間

約1ヶ月

使用したツール・言語

Photoshop/Illustrator/Studio Code/
HTML/CSS/JavaScript

デザイン

大学受験を考えている方や在学生をターゲットに、大学受験する方を増やすことと大学時の情報を伝えることを目的に設定しました。大学名にもある「桜」をイメージし、やわらかいピンク色をメインカラーに設定。紺色をアクセントとして取り入れることで、全体を引き締めつつ洗練された雰囲気に仕上げました。また、生徒作品は様々な形でくり抜くことで、遊び心を加えながら多彩な作品に出会えるデザインを目指しています。

Logo Design

  • petitbonbonsのロゴ
    Petit bonbons
    アイシングクッキー教室のロゴ
  • kotoricafeのロゴ
    kotoricafe
    カフェのロゴ
  • こもれびベーカリーのロゴ
    こもれびベーカリー
    ベーカリーのロゴ

Photograph

  • トイプードルとふじの花

    ミラーレス一眼カメラを使用して写真を撮ります。

  • コスモス
  • 尾道と桜

ABOUT

小田 明香里    |    Koda Akari

・1997年4月生まれ、広島出身。

・広島大学医学部保健学科作業療法学専攻卒業(~2020.03)

・地方独立行政法人広島市立病院機構、
   作業療法士として回復期病院、
   急性期病院に勤務。(2020.04~2024.12)

・インターネットアカデミー
   AIエンジニア育成コース
   +Photoshop/Illustrator講座受講(2024.10~)

デザインでは、「一目でわかりやすく、あたたかく、見た人の心がほっとするような世界観」を大切にしています。視線誘導の法則や色彩心理を活かした配色、余白の使い方を意識し、親しみやすく伝わるデザインを心がけています。
将来的には、「見た人の心を動かすデザイン」でクライアントのニーズに応えられるデザイナーになることが目標です。今後はUI/UXやWebマーケティングの知識も深め、クライアントの目的に寄り添った、幅広い提案ができるデザイナーを目指しています。

私と犬

SKILS

Design

Design

デザイン

Webサイトやロゴのデザインの制作が可能です。丁寧なヒアリングを通じてご要望を把握し、ニーズに沿ったデザインをご提案いたします。デザインカンプの作成には主にPhotoshopを使用していますが、FigmaやAdobe XDにも対応しています。ロゴデザインには主にIllustratorを使用しています。

Illustrator

Photoshop

AdobeXD

Figma

Website Coding

Website Coding

コーディング

HTML / CSS、JavaScript、jQueryを使用したコーディングが可能です。レスポンシブ対応も行っており、スマートフォンやタブレットなど、各デバイスで快適に閲覧できる設計を意識しています。WordPressについては現在独学中ですが、簡単な構築やカスタマイズには対応可能です。

Visual Studio Code

CONTACT

お仕事のご相談やご依頼など、お気軽にご連絡ください。

お問い合わせ