Portfolio

WORKS

Web Design

petitbonbonsのwebサイト

Petit bonbons

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

制作期間
制作中
※現在、クライアントからの素材（文章・写真）待ちのため一部コンテンツは仮状態です。随時更新予定です。
使用したツール・言語
Photoshop/Illustrator/Studio Code/
HTML/CSS/JavaScript
デザイン
お菓子作りが好きな20〜40代の女性や、子どもとお菓子作りを楽しみたい主婦層をターゲットに、新規顧客の獲得と生徒数の増加を目的としたWebサイトです。デザインは「シンプルでエレガントでありながら、親しみやすさも感じられるものにしたい」というご要望をもとに、温かみのあるピンクやベージュを使用しました。また、豊富なレッスン内容が一目でわかるように、情報の配置にも工夫を凝らしています。トップページは完成済みで、現在クライアントからの写真・文章素材を待ちながらサブページ制作を進めています。
WEBサイトへ
komorebibakeryのwebサイト

こもれびベーカリー

ベーカリーのwebサイト（架空サイト）

制作期間
約3週間
使用したツール・言語
Photoshop/Illustrator/Studio Code/
HTML/CSS/JavaScript
デザイン
地域のファミリー層（20~50代）や自然派に興味のある女性（20~40代）をターゲットに新規顧客の獲得やオンラインショッピングでの購入を促すことを目的に設定しました。ナチュラルでやさしい雰囲気を大切にし、こもれびをイメージしたやわらかな黄色と緑をメインカラーに選びました。また、丸みのあるフォントを使用することで、親しみやすく温かみのある印象に仕上げ ています。
WEBサイトへ
kotoricafeのwebサイト

kotoricafe

cafeのwebサイト（架空サイト）

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

桜華美術大学

美術大学のwebサイト（架空サイト）

制作期間
約1ヶ月
使用したツール・言語
Photoshop/Illustrator/Studio Code/
HTML/CSS/JavaScript
デザイン
大学受験を考えている方や在学生をターゲットに、大学受験する方を増やすことと大学の情報を伝えることを目的に設定しました。大学名にもある「桜」をイメージし、やわらかいピンク色をメインカラーに使用しました。紺色をアクセントとして取り入れることで、全体を引き締めつつ洗練された雰囲気に仕上げました。また、生徒作品は様々な形でくり抜くことで、遊び心を加えながら多彩な作品に出会えるデザインを目指しています。
WEBサイトへ

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マーケティングの知識も深め、クライアントの目的に寄り添った、幅広い提案ができるデザイナーを目指しています。趣味は写真を撮ることやお菓子作り、アクセサリー作りです。

犬と私の写真

SKILLS

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

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

お問い合わせ