Harumi Noguchi
portfolio

Harumi Noguchi
Portfolio

ーWeb design
　my portfolio

About me

のぐち　はるみ

notion avatar
ーHARUMI NOGUCHI

小さな頃からモノづくりが好きで、ゼロから作ったものを周りの人が喜んでくれることに嬉しさを感じていました。
Webデザインにも似たものを感じて、「クリエイティブな仕事をしてみたい!」と決意してWebデザイナーになるために、
職業訓練校に通い今は就職活動中です。

詳しくはこちら

Website

  • 保育園サイト

    みやび保育園（自主制作）

    ー　保育園サイト

    保育園（架空）の制作をデザインカンプからコーディングまで行いました。
    保育園の雰囲気が伝わるように写真を多く使い、小さなお子さんがいる忙しい保護者の方が見ても分かりやすい設計にしました。

    Figma / HTML / CSS / jQuery / JavaScript /

    • サイトを見る
    詳しくはこちら
  • ケーキサイト

    CHALON（課題制作）

    ー　ケーキショップサイト

    架空のケーキショップサイトを 作成しました。動画を取り入れたサイトの動きを学びました。サイトをWordpress化する方法の基礎を学びました。

    HTML / CSS / jQuery / JavaScript / WordPress

    • サイトを見る
  • レストランサイト

    bistro-jojo（課題制作）

    ー　レストランサイト

    架空のレストランサイトを 作成しました。html・cssで作成したサイトをWordpress化する方法の基礎を学びました。

    HTML / CSS / jQuery / JavaScript / WordPress

    • サイトを見る
  • チョコレートショップサイト

    toricolate（課題制作）

    ー　チョコレートショップサイト

    Studioを使用してのノーコードツールでのサイト制作を学びました。

    Studio

    • サイトを見る
  • 化粧水LP

    化粧水LP（自主制作）

    ー　化粧水ランディングページ

    化粧水のランディングページをXDでデザインカンプから作成して、コーディングをしました。

    AdobeXD / HTML / CSS /

    • サイトを見る
    詳しくはこちら

Banner

Skill

Illustrator

イラストレーター

ロゴ、アイコン、名刺などの作成が可能です。

Photoshop

Photoshop

バナー作成で主にPhotoshopを使用しております。

XD

XD

サイトのワイヤーフレーム作成、デザインカンプ作成が可能です。

Figma

Figum

サイトのワイヤーフレーム作成、デザインカンプ作成が可能です。

VScode

VScode

Webサイトを一から構築する、基本的なコーディングが可能です。メインで使用しているエディタはVisual Studio Codeです。

WordPress

ワードプレス

サーバーへのインストール、オリジナルのテーマ作成やプラグインの実装までを学びました。

Wix

Wix

ノーコードツールでのサイトの作成を学びました。

Studio

Studio

ノーコードツールでのサイトの作成を学びました。

pagetop