Loading..

About Me

TAKURO
YAMAMOTO

山本拓郎

ポートフォリオサイトご覧頂きありがとうございます。
はじめまして。山本拓郎と申します。現在はWebスクールでアルバイトしながら就職活動しています。 大学卒業後にシステムエンジニアとして入社した会社で、工場に設置する タッチパネル画面のデザインを行い、褒められたことがきっかけで デザインに興味を持ちました。 もともと動画編集なども好きで、youtube投稿も行っていたので、 そのスキルも組み合わせることができるweb業界に足を踏み入れ現在に至ります。

WhatIwanttotry

Awardやsankouに掲載される
Awardに選出されるようなクオリティのサイトを目指していきたいです。
もちろん、クライアント様を無視したアワード狙いのデザインやアニメーションを作るのは言語道断ですが、常にトレンドなどをチェックして、提案できるクリエイターになっていきたいです。
写真撮影や映像制作に携わる
映像や写真にも大変興味があります。α7ivを購入し、写真の練習を行って います。先日は私が所属しているweb仲間のコミュニティでカメラを持参し散策会を行い、 風景の撮影や友人のポートフォリオ写真の撮影なども行いました。 今後はジンバルなども取り入れてプロモーションビデオなども挑戦してみたいです。
ディレクターとしての経験をする
コーディング、デザイン業務で経験を積み、先ではディレクター業務に挑戦してみたいと考えております。挑戦を通じて、新たな視点やスキルを得るとともに、より大きな成果を上げることに貢献したいです。

Skill

  • Figma

    オートレイアウト、プロトタイプを用いながらデザイン制作を行うことができます。Figma to STUDIOを勉強し、より短い時間で効率的にサイト制作が行えるようになっていきたいです。

  • XD

    figmaを使用する前はXdにてWebサイトデザインを作成しておりましたので、基本的な操作ができます。

  • PhotoShop

    レイヤーによる画像の操作、色調補正、レイヤーマスクなどを使い、写真の編集ができます。

  • Illustlator

    名刺やロゴの作成に使用します。またパスを操作しイラストを作成していました。また作成したロゴやイラストのレイヤーをAfterEffectsに取り込みmotion動画を作成した経験もあります。

  • HTML

    HTML5を用いた正確で効率的なマークアップが可能です。ページ構造を意識した適切なセマンティックタグを活用します。命名規則のFLOCSSに準拠したクラス名設計を実践。WAI-ARIA属性やセマンティックなマークアップを駆使し、アクセシビリティ基準（WCAG）に準拠したWebページを作成を目指します。

  • SCSS

    デザインカンプ（Figma、Adobe XDなど）を忠実に再現することを意識してスタイルを記載します。SCSSを使用します。またFLOCSSの命名規則を徹底し、クラス名の意味を明確に保ちます。（Flexbox、Grid、カスタムプロパティ）を駆使したレスポンシブデザイン対応します。

  • JavaScript

    Vanilla.jsで書くことを心掛けています。アニメーションはGSAP・ScrolltriggerやCSSのTransformを用いて作成が可能です。Viteを用いた開発環境を構築し、ES Modules（import/export）を活用したモジュール化によるスケーラブルなコード設計します。

  • VITE

    Viteを用いた開発環境を構築し、実装します。Dockerとviteを用いたWordPress開発を勉強中です。

  • WordPress

    オリジナルテーマを用いたサイト制作が可能です。（本ポートフォリオはWordPressを使用しています）カスタム投稿やコンタクトフォームを実装が可能です。Dockerでの開発を勉強中です。

CONTACT

yamataku5me@gmail.com