haruhito okamoto

HARUHITO'S PORTPOLIO

雲

雲

ABOUT

このサイトはWebデザインとフロントエンドについて日々鍛錬を積んでいる Haruhito Okamotoのポートフォリオサイトです。
私の事を知っていただけるように、 皆様が楽しんで頂けるように作成致しました。どうぞお気楽に楽しんでください。

WORK

  • okamotomegane
  • okamotomeganecamp
  • okamotomeganecamp

okamotomegane

チェーン店展開するメガネ屋（架空サイト）

(メインページ、コンセプト、よくある質問、お問合せ)

製作期間：2ヶ月

  • 企画・ワイヤーフレーム製作：1週間
  • デザインカンプ製作：2週間
  • コーティング：２週間

使用したツール・言語

Photoshop/Visual Studio Code/
HTML/CSS/Javascript/jQuery

10代から30代の学校帰り、会社帰りの方をメインターゲットにしたサイト。 メインページのファーストビューをダブルスライダーにし、シンプルにかつ、アニメーションを作る事で お客様が楽しんで頂けるように設計をしました。

Webサイトを見る
  • okit
  • okitcamp

OK工業大学

工業大学のサイト（架空サイト）

（メインページ、お問合せページ）

製作期間：2ヶ月

  • 企画・ワイヤーフレーム製作：1週間
  • デザインカンプ製作：2週間
  • コーティング：3週間

使用したツール・言語

Photoshop/Illustorator/Dreamweaver/
HTML/CSS/Javascript/jQuery

受験生、高校生、在校生をメインターゲットしたサイトです。 受験生獲得のため、資料請求にアクセスしていただく事を目標としています。 ファーストビューでどのような大学かスライドショーで分かるようにしました。必要な情報をタブメニューに入れることでお客様が使いやすくする事を心掛けました。

Webサイトを見る

PROFIL

岡本　治仁

経歴

  • 神奈川県出身 30代
  • 4年生大学薬学部薬学科卒業（〜2009.03 )
  • 卒業後調剤薬局の薬剤師として勤務（〜現在）
  • インターネットアカデミー Iotエンジニア育成コースA
    +photshop・Illustoratorコース受講(〜現在）

得意な事・こだわり

  • シンプルな色を対比させたデザイン
  • アニメーション、スライドショーにより目を引くデザイン
  • JavaScriptに関してはまだまだ学習中ですがより学習を重ねて
    より良いアニメーションを作れるように精進しています。
profil

能力・ツール

HTML5
CSS
JavaScript
jQuery
Photoshop
Illustorator

HTML/CSS

基本的なマークアップ、 CSSの使用、デザインカンプを元にしたレイアウト が可能です。
レスポンシブデザインについては近日中に習得予定です。

Javascript/jQuery

スライドショーの実装、スクロール アニメーションの実装、クラスの付与、 アコーディオンメニュー、正規構文を 用いたお問合せページについてのイベ ント処理等、基本的なものが実装可能です。

Photoshop

ワイヤーフレームの作成、デザインカンプ の製作を行っております。またバナー製作 にも使用しています。
また、基本的な操作は対応可能です。

Illustorator

簡易的なロゴの製作が可能です。

今後の予定

レスポンシブデザインを取得を目指します。その後、react.jsを学習、 バックエンドとしてPHPの学習し、よりお客様のご要望に対して実現できるようにスキルを習得します。

CONTACT

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

お問合せ