0 %
初めまして。野原篤史と申します。
本サイトは、私自身のポートフォリオとして制作したWebページです。
掲載しているポートフォリオは、いずれも自らが企画・制作を行ったものです。
デザイン、コーディング、コンテンツ構成まで、一つひとつ丁寧に取り組んできました。
Webデザインに対する思いや、これまでに培ってきたスキルを、ひとつの「作品」として丁寧にまとめました。
このページが、どこかで何かのご縁につながる小さなきっかけになれば嬉しいです。
nohara
0 %
-
コーディング・プログラミング
coding, programming
-
-
【HTML】 エイチティーエムエル
-
主にWebサイトのコーディング業務において使用してきました。
-
-
-
【CSS】 シーエスエス
-
HTML同様、Webサイトのコーディング業務において使用してきました。レイアウトの調整やアニメーションの実装など、デザインの再現に幅広く対応してきました。
-
-
-
【JavaScript】 ジャヴァスクリプト
-
主にフロントエンド開発にて使用しており、メニューの開閉やアニメーションの実装など、ユーザーインターフェースの改善を目的とした実装経験があります。ただし、Ajaxによるデータの非同期取得など、バックエンド寄りの実装については経験が少なめです。
-
-
-
【PHP】 ピーエイチピー
-
CakePHPを用いたWebサイトの構築や、WordPressを使用したサイト制作にて使用してきました。テンプレートカスタマイズや動的コンテンツの実装を行ってきました。
-
-
-
【Excel VBA】 エクセルブイビーエー
-
他部署の売上データ集計の際に使用しました。使用頻度は多くありませんが、マクロの作成や簡単な自動化処理など、必要に応じて対応してきました。
-
-
-
デザインスキル
design
-
-
【Adobe Illustrator】
-
Webサイトやバナーのデザイン制作をはじめ、リーフレットや名刺などの印刷物のデザイン、また自社オリジナルキャラクターの制作など、幅広いクリエイティブ業務で使用してきました。
-
-
-
【Adobe Photoshop】
-
Webサイトのデザイン制作に加えて、レタッチや画像加工などにも使用してきました。
-
-
-
【Adobe Premiere Pro】
-
撮影した映像素材の編集・加工に使用してきました。シンプルなカット編集から、テロップやBGMの追加まで対応しています。
-
-
-
【Adobe After Effects】
-
オリジナルの映像素材の制作に使用しており、アニメーションやモーショングラフィックスの作成なども経験があります。
-
-
-
【Adobe Audition】
-
撮影した映像の音声加工に使用しました。主にノイズ除去など、限定的な用途での使用経験があります。
-
-
-
【Figma】
-
他者が作成したWebデザイン(Figma)をもとにコーディングを行う機会が多いですが、自身でもデザイン制作の際に使用してきました。
-
-
-
その他の表現スキル
other
-
-
【撮影】
-
Webデザインや動画編集で使用する写真・映像素材は、自身で撮影することも多く、状況に応じて必要なカットを用意してきました。カメラワークや構図を意識しながら、制作物に合った素材づくりを心がけています。
-
-
-
【イラスト】
-
もともと絵を描くことが好きで、学生時代から手書きの絵やデジタルイラストを趣味として描いていました。Webデザインに興味を持つきっかけとなったのも、イラストが好きだったこと大きな理由です。
※実務として絵の制作をしたことはございませんが、学生時代に描いたものの一部を掲載させていただきます。
-
-
0 %
portfolio
これまでに制作した実績の一覧です。
部分的に関わった案件は含めず、企画からデザイン・実装まで、一貫して自身で手がけたもののみを掲載しています。
Webサイトの掲載数は限られますが、いずれも企画からコーディングまで丁寧に取り組んだ作品です。
また、動画はWebデザインの経験や知識を活かして制作したものであり、媒体が異なっても「伝えるデザイン」を考える姿勢は共通しています。
Webデザインを軸に、今後も幅広い表現に挑戦しながら、見る人の心に届くデザインを追求していきたいと考えています。
-
-
HTML
-
CSS
-
JavaScript
-
Illustrator
nohara
ポートフォリオとしてフリー素材等は使用せず、デザイン制作・コーディングいたしました。
-
-
-
HTML
-
CSS
-
JavaScript
-
PHP
-
Illustrator
株式会社ブレイブ公式HP
ホームページのリニューアルに際してデザイン制作とコーディング、wordpressへの組み込みを担当いたしました。
-
-
-
HTML
-
CSS
-
JavaScript
-
PHP
-
Illustrator
-
After Effects
MABATAKI公式HP
サービスの立ち上げに際してデザイン制作とコーディング、wordpressへの組み込みを担当いたしました。
-
-
-
HTML
-
CSS
-
JavaScript
-
PHP
-
Illustrator
-
Photoshop
株式会社岐阜流通公式HP
ホームページのリニューアルに際してデザイン制作とコーディング、wordpressへの組み込みを担当いたしました。
-
-
-
Premiere Pro
-
After Effects
-
Audition
【ほいくのえん】転職・就職支援サービスプロモーション
保育士特化の転職・就職支援サービスのプロモーション動画制作として、企画構成・撮影・編集を担当いたしました。
-
-
-
Premiere Pro
-
After Effects
-
Audition
【ほいくのえん】上京就職支援プロモーション01
保育士特化の上京就職支援サービスのプロモーション動画制作として、企画構成・撮影・編集を担当いたしました。
-
-
-
Illustrator
-
Photoshop
-
Premiere Pro
-
After Effects
【ほいくのえん】上京就職支援プロモーション02
保育士特化の上京就職支援サービスのプロモーション動画制作として、企画構成・撮影・編集を担当いたしました。
-
-
-
Illustrator
-
Premiere Pro
-
After Effects
【ほいくのえん】上京就職支援・動画広告01
保育士特化の上京就職支援サービスの広告動画制作として、企画構成・撮影・編集を担当いたしました。
-
-
-
Illustrator
-
Premiere Pro
-
After Effects
【ほいくのえん】上京就職支援・動画広告02
保育士特化の上京就職支援サービスの広告動画制作として、企画構成・撮影・編集を担当いたしました。
-
-
-
Illustrator
-
Photoshop
-
Premiere Pro
-
After Effects
【カイトリワン】平井俊彌の出張買取・動画広告01
不用品買取サービスの出張買取の広告動画制作として、企画構成・撮影・編集を担当いたしました。
-
-
-
Illustrator
-
Photoshop
-
Premiere Pro
-
After Effects
【カイトリワン】平井俊彌の出張買取・動画広告02
不用品買取サービスの出張買取の広告動画制作として、企画構成・撮影・編集を担当いたしました。
-
-
-
Illustrator
-
Premiere Pro
-
After Effects
アルプス技研動画コンテスト提出作品
一般公募をしていたCMコンテストへ応募した作品です。企画構成・撮影・編集をいたしました。
-
-
-
lcd tablet
学生時代のデジタル絵01
学生時代にゲームキャラクターのデフォルメイラストを、液晶タブレットにて描きました。
-
-
-
lcd tablet
学生時代のデジタル絵02
学生時代にゲームキャラクターのデフォルメイラストを、液晶タブレットにて描きました。
-