This is not only Portfolio,
This is not only
memories,
This is the ONE STORY.
TRACK LIST
02
YOU ARE LISTENING TO
THIS IS IN THE STORY
From The Story
03
YOU ARE LISTENING TO
THREE ELEMENTS
From The Story
- Design
-
デザインの段階から、”コーディングしやすいようなレイアウト”を意識し、HTML構造を頭の中で分解しながら組み立てています。
また、デザイナーに依頼する意味のあるデザインも心がけており、テンプレート感を無くすひと工夫を必ず足すようにしています。
徹底したヒアリングで、クライアントのコンバージョンの先へアプローチしたデザインを作成いたします。
- Coding
-
リキッドデザインを織り交ぜたSassでの各サイズレスポンシブ対応、から、JavaScriptのフロントエンド構築まで可能です。 flex-boxやGridを活かしたシンプルかつ整理されたレイアウト、Positionを使っての要素をずらした複雑なレイアウトなどを得意としております。
コーディングスピードは、職業訓練校内のクラスメイト29人の中で1番早いと自他共に認めておりました。
- Direction
-
受託開発会社にて1年半、大手コスメ関連、受発注システム、AI監視カメラアプリの会社様のメインディレクターを担当させていただきました。
クライアントにも、社内メンバーにも、”会議においてもチャット上でも、とにかくわかりやすく噛み砕いて伝える”事を意識して業務を遂行しました。
04
YOU ARE LISTENING TO
WEBDESIGN ESSENTIALS
From The Story
05
YOU ARE LISTENING TO
LOGIC FREESTYLE feat. JavaScript & PHP
From The Story
06
YOU ARE LISTENING TO
UI / UX CYPHER feat. Figma & XD
From The Story
07
YOU ARE LISTENING TO
GRAPHIC MEDLEYBanner / Music Playlist / Illustration -FREESTYLE- / Name Card / LOGO
From The Story
Medley1Banner
Medley2Music Playlist
Medley3Illustration -FREESTYLE-
Medley4Name Card
Medley5LOGO
08
YOU ARE LISTENING TO
DOCUMENTS STATION
From The Story
- PRESENTING
-
STORYTELLER Chapter1
WEB制作コーチングプロジェクト
STORYTELLER Chaper 1
- Document Type
- Text Book
- Graphic Taste
- Cool
- Client
- Everyone
- PRESENTING
-
STORYTELLER Chapter2
WEB制作コーチングプロジェクト
STORYTELLER Chaper 2
- Document Type
- Text Book
- Graphic Taste
- Cool
- Client
- Everyone
- PRESENTING
-
体質改善提案資料
体質改善コーチング資料
- Document Type
- Document
- Graphic Taste
- Simple
- Client
- Secret
- PRESENTING
-
株式会社BRPD設立提案資料
株式会社BRPD設立提案資料
- Document Type
- Document
- Graphic Taste
- Simple
- Client
- My Friends
- PRESENTING
-
日本Amwayプレゼン提案資料
日本Amwayプレゼン提案資料
- Document Type
- Text Book
- Graphic Taste
- Cool
- Client
- Secret
- PRESENTING
-
「音楽×英語」LIFE
note
篠田長次郎の音楽×英語LIFE
- Document Type
- note
- Graphic Taste
- Template
- Client
- Everyone
09
YOU ARE LISTENING TO
STORY TV feat. After Effects
From The Story
Stay Tuned...
10
YOU ARE LISTENING TO
WEAPONS
From The Story
Weapons1Programing Languages
HTML
納期を意識した素早いコーディング、Emmet活用、コード数を抑え、処理速度Upの為のclass名管理などを得意としています。個人でコーディング教室も行っており、独自カリキュラムでレクチャー可能です。
CSS
Flex、Grid、レスポンシブ対応、CSS関数の利用、keyframe Animation、BEMでのCSS設計まで可能です。個人でコーディング教室も行っており、独自カリキュラムでレクチャー可能です。
Sass(Scss)
変数、Mixinの利用、Scss記法が可能です。基本的な制作はScssを使用しております。追加改修案件等で、制作元がCSSの場合はCSSで対応しております。
JavaScript
Vanilla Jsを使用し、タブメニューやハンバーガーメニュー等の頻出UI、アニメーション処理をスクラッチで実装することができます。オブジェクト思考の理解もあります。
Vue.js
基本的な文法を、Version2,3共に理解しており、とても簡単なUIの構築が可能です。
PHP
WordPressに特化した関数の知識になりますが、データ転送や基本文法の理解はあり、お問合せフォームや診断ページなどのシンプルなプログラムはスクラッチで実装が可能です。
Java
とても簡単な関数の取り扱い、オブジェクト指向までは理解があります。
jQuery
JavaScriptのWEB Animation APIだと記述が長くなってしまうアニメーションの代用などに使用しております。
BootStrap
自ら利用はしませんが、既存サイト改修案件で制作元がBootStrapで作られていたものの修正を行ったため、CDNを読み込ませてクラス名を付与する流れやグリットなどを理解しております。
Weapons2Design Softs
Figma
基本的にワイヤーフレーム作成、デザインFix作成ではFigmaを使用しております。アニメーションを取り入れたプロトタイプ作成、簡単な使用方法のレクチャーの経験もあります。
XD
ディレクター時代にデザイナーへのワイヤー提出、プロトタイプ作成、クライアントへの資料作成、職業訓練校の課題制作に使用しておりました。簡単な使用方法のレクチャーの経験もあります。
Photoshop
一般的な編集操作・デザイン、パスでの切り抜き、解像度の変更、色調補正が可能です。アセットの書き出しなども活用しています。
Illustrator
バナーやポスター、ロゴの作成、アセットの書き出し、印刷物データの構築、文字組みアキ量設定、合成フォントの作成が可能です。
Premiere Pro
趣味程度ですが、テロップやトランジションを多用した動画の作成経験があります。
After Effects
AiデータやPSDデータを読み取り、モーショングラフィックスを適用することができます。
Weapons3Other
WordPress
経験は浅いですが、ローカル環境を構築しての静的ファイルのWordPress化対応やプラグインを使用してのテーマ移行、PHPを含んだテーマ編集実務実績があります。1からのオリジナルテーマ作成も可能です。
Google Apps
私用PCがMacのため、Google Document、Google Slide、Google Spreadsheetを Office製品の代わりに使用し、タスクや顧客管理、資料や議事録作成に使用しております。Officeファイルへの変換も可能です。
Backlog
20人前後の(クライアントを含む)オウンドメディア運営・改修PJにて、課題やガントチャート作成のBacklogの管理をリーダーとして一任しておりました。
Sales
大手通信キャリア代理店での訪問販売営業、テレアポなどを1年10ヶ月経験しました。営業成績新人コンテストで17人中1位を獲得し、キャリアから表彰された経験があります。
English
半年ほどフィリピンへ語学留学の経験があり、大手通信代理店での営業職業務では外国人顧客の管理を全て担当しておりました。2022年から外国人中心のシェアハウスに住み、自ら英語環境を整えております。
Vibes
毎日2時間近くは業務外での関連作業、学習をしております。WEBデザインを愛する気持ち、スキルへの向上心は誰にも負けません。
11
YOU ARE LISTENING TO
NO FINAL DESTINATION
From The Story
Stay Tuned...