haruna notsu

web developer

  • GitHub
  • Twitter
  • Blog
自画像

About

関西のweb developer・:*+.\(( °ω° ))/.:+

得意なこと

  • デザインからコーディング、サーバUPまで一貫して対応できます。
  • 管理・運営に強い、コーディングを信条としています。

キャッチアップ

  • 主にTwitterで最新トレンドなどをチェックしています。
  • 各種勉強会やセミナーなどに、積極的に参加しています。

趣味・特技

  • 趣味は読書です。web小説からビジネス書まで気が向いたらなんでも読みます。
  • 特技は自画像のようなポンチ絵を描くことです。

Works

  • ポートフォリオサイト

    ポートフォリオサイト イメージ

    こちらのページになります。

    ポートフォリオサイト

    ポートフォリオサイト イメージ01

    リリース

    2020.01

    URL

    https://springreens.net/portfolio/20200120/

    対応機種

    PC / Tablet / Mobile

    使用ツール・言語

    XD, Photoshop / Pug, Stylus, JQuery / Prepros, Sourcetree

    制作時間

    Design:15h / Coding:17h

    担当

    デザイン / コーディング / アップロード

    コンセプト

    ご覧頂く方々にひと目でご理解いただけるように、分かりやすさを重視しました。

    コメント

    更新作業が容易になる様なCSSを組み、なるべくHTML更新のみでコンテンツの追加ができる様に致しました。

    同デザインのリピート部分はPugの連想配列を使用して外部から差分を読み込む事により変更しやすくしております。moreページのリンク部分はif文でURLの有無に対応しました。

  • 個人サイト ver.2

    個人サイト ver.2 イメージ

    個人的にサーバを借りて公開してるサイトになります。

    個人サイト ver.2

    個人サイト ver.2 イメージ01
    個人サイト ver.2 イメージ02
    個人サイト ver.2 イメージ03

    リリース

    2019.10

    URL

    https://springreens.net/

    対応機種

    PC / Tablet / Mobile

    使用ツール・言語

    XD, Illustrator / Pug, Stylus / Prepros, Sourcetree

    制作時間

    Design : 30h〜 / Coding : 80h

    担当

    デザイン / コーディング / アップロード

    コンセプト

    リニューアルに辺り凝ったデザインがどこまで出来るか試してみました。

    コメント

    レスポンシブでPC、タブレット、モバイルと全てのデザインを変えてみることに挑戦しました。

    gridとflexを使い分けて対応しました。

Skills

  • HTML5

    80%

    Pugでの実装も可能です。

  • CSS3

    80%

    Sassを主に使用してます。Stylusも書けます。

  • JavaScript

    50%

    簡単なUIの動きを作成することやライブラリの実装ができます。

  • jQuery

    50%

    ライブラリの実装や、コードのカスタムが出来ます。

  • Photoshop

    80%

    画像加工やバナーなどのデザインで使ってます。

  • Illustrator

    80%

    基本機能は使えます。ベジェ曲線は割と得意です。

  • XD

    70%

    アセットを活用したwebデザインができます。

  • Lightroom

    50%

    大量の写真のレタッチや書き出しに使用することができます。

※プロジェクト管理はGitで行っております。SVNの経験もあります。

History

  • 2020.04 - 2021.09

    職種

    Web coder

    職務内容

    コーディング
    Power CMSの投稿やフロント保守
    UIデザイン
    制作ディレクション
    素材制作
     - アイコン作成
     - イラスト作成
     - バナー作成
     - 写真の現像レタッチ
    サイト更新

  • 2017.01 - 2019.08

    職種

    Web designer

    職務内容

    サイトデザイン
    UIデザイン
    コーディング
    制作ディレクション
    素材制作
     - アイコン作成
     - イラスト作成
     - バナー作成
     - 写真の現像レタッチ
    サイト更新
    物件資料などのDTP

  • 2015.09 - 2016.12

    職種

    Web designer

    職務内容

    サイトデザイン
    UIデザイン
    コーディング
    制作ディレクション
    素材制作
     - アイコン作成
     - イラスト作成
     - バナー作成
    サイト更新
    ブログやSNSの記事制作、投稿
    商品撮影
    チラシ制作
    ハガキの印刷、発送