Loading...

- Portfolio Site -

I wanna be the light to let you fly up with my creation.

- Hikaru -

About

アバター画像(イラスト)

耀

 - ヨウと書いてヒカル - 

デザイナー、コーダー、
マークアップ・
フロントエンドエンジニア

Birth
1994
From
高知県
Live
東京都
Like
イラスト、読書、観劇、
ルービックキューブ
License
  • 学士号(工学)
  • 普通自動車第一種運転免許(AT車限定)
  • 高等学校教諭一種免許状(工業)
  • 3級 ウェブデザイン技能士
  • 実用英語技能検定 準2級
  • 実用数学技能検定 2級
History
大学卒業後、未経験からクリエイティブ業界での就業を目指しデザインの学習を開始。
DTPオペレーターとして働く傍ら、Webデザインに興味を持ち、2019年より独学で学習を開始。
2020年5月よりWeb制作に関する職へ就業。
日々の制作業務の中でデザイナー / エンジニアとしてのスキルアップに励みつつ、現在に至る。

Works

※ 掲載可能なもののみ公開しています。

  • ポートフォリオサイト

    自分のポートフォリオサイト
    ジャンル
    Web制作
    概要
    当サイト
    担当
    プロデュース・ブランディング / 制作ディレクション / デザイン / イラスト・シンボルロゴ・素材等制作 / 設計・開発 / 他、制作業務全般
    使用ソフト
    XD / Photoshop / Illustrator / Visual Studio Code
    使用言語
    HTML / CSS(SCSS) / JS(jQuery)
    解説
    当サイトを制作いたしました。
  • 三ヶ原高原(架空)

    三ヶ原高原(架空)
    ジャンル
    Web制作
    概要
    高原のWebサイト(架空)
    担当
    プロデュース・ブランディング / 制作ディレクション / デザイン / ロゴ制作 / 設計・開発 / 他、制作業務全般
    使用ソフト
    XD / Photoshop / Illustrator / Visual Studio Code
    使用言語
    HTML / CSS(SCSS) / JS(jQuery)
    ページURL
    migahara-kougen
    解説
    観光協会運営という想定の下、架空の高原(観光地)の公式サイトを制作いたしました。
  • genre:Gray

    genre:Gray
    ジャンル
    Web制作
    概要
    人形遣いの団体の公式Webサイト
    担当
    制作ディレクション / デザイン / 設計・開発
    使用ソフト
    Photoshop / Illustrator / Visual Studio Code / WordPress
    使用言語
    HTML / CSS(SCSS) / JS(jQuery) / PHP
    制作過程
    シンプルであり、使い勝手の良いCMS(WordPress)の導入をご希望のクライアントのご意見により、無料テーマ「Habakiri」をベースに、その内容をカスタマイズする形で制作いたしました。
    ページURL
    genre-gray.com
    解説
    知人の演劇関係者様による団体の公式Webサイトを制作いたしました。
  • 劇団わからんちゃん

    劇団わからんちゃん
    ジャンル
    Web制作
    概要
    劇団の公式Webサイト
    担当
    制作ディレクション / デザイン / 設計・開発
    使用ソフト
    Photoshop / Illustrator / Brackets
    使用言語
    HTML / CSS / JS(jQuery)
    ページURL
    wakaranchan.com
    企画内容
    クライアントのご要望により、コンテンツの内容は必要最小限に抑え、シングルカラム構成のシンプルなサイトに仕上げることを目的としました。
    解説
    知人の演劇関係者様による劇団の公式Webサイトを制作いたしました。
  • PAS-POL(模写)

    PAS-POL(模写)
    ジャンル
    Web制作
    概要
    模写コーディング
    担当
    コーディング・マークアップ
    使用ソフト
    Visual Studio Code
    使用言語
    HTML / CSS / JS(jQuery)
    ページURL
    pas-pol-trace
    ※ 模写サイトのURLになります。
    解説
    【模写コーディング】ソースコードを見ず、外観だけの情報をもとに既存のWebサイトを再現。
    目的
    コーディング・マークアップのスキル向上。
    参考元
    pas-pol.jp
  • クナイプ・バスソルト(模写)

    クナイプ・バスソルト(模写)
    ジャンル
    Web制作
    概要
    模写コーディング
    担当
    コーディング・マークアップ
    使用ソフト
    Brackets
    使用言語
    HTML / CSS
    ページURL
    kneipp-bathsalt-yuzu-trace
     ※ 模写サイトのURLになります。
    解説
    【模写コーディング】ソースコードを見ず、外観だけの情報をもとに既存のWebサイトを再現。
    目的
    コーディング・マークアップのスキル向上。

※ 他、都合により掲載できない実績も多数ございますので、より詳しい実績をご希望の方はコチラよりお気軽にお問い合わせください。

Skill

  • Photoshop

    Photoshop

  • Illustrator

    Illustrator

  • XD

    XD

  • HTML

    HTML

  • CSS

    CSS

  • JavaScript

    JavaScript

  • jQuery

    jQuery

  • Sass

    Sass

  • WordPress

    WordPress

  • PHP

    PHP

  • GitHub

    GitHub

対応可能サービス

  • 制作ディレクション
  • Webデザイン
  • UI・UXデザイン
  • グラフィック・DTPデザイン
    ※ DTPオペレーターの職務経験あり
  • バナー制作
  • イラスト制作
  • 画像編集(フォトレタッチ)
  • コーディング・マークアップ
  • レスポンシブデザイン・
    スマートフォンサイト対応
  • フロントエンド開発
  • Webページ更新、メンテナンス
  • WordPress構築、カスタマイズ、
    更新、メンテナンス

Contact

些細なことでもコチラよりお気軽にお問い合わせください。

お名前
必須
 ※ ハンドルネーム等、使用可能です。
メールアドレス
必須
電話番号
お問い合わせ内容
必須
上へ戻る