DotMain Portfolio

大森裕也

ホテルのweb担当としてGoogleanalytics・adwords・SEOを通してのマーケティングやSNS運用・メルマガ配信・webページの修正などを行ってきました。
ハード面にも強いことから、社内のWiFi構築や全社員のスマホ導入などインフラ全般も任されてきた実績があります。
現在はweb通販会社で商品の出品や商品ページのデザインを担当しています。

CONTACT

30代未経験
でも、やりたい仕事がある。

SCROLL

SKILLS

私ができること

HTML5/CSS3

命名規則のBEMとSassを使用した記述が可能です。エディタはVisualStudioCodeを使用しています。
jQuery

スライダー・マウスオーバー効果・フェードインなどのwebサイトのアニメーションを実装できます。Swiperの使用経験もあります。
WordPress

自作のテーマから導入が可能です。基本的な操作やカスタマイズも問題ありません。このサイトもwordpressを導入して作成しました。
PHP

Wordpressをカスタマイズする際に必要なスキルを学習しました。今後、さらにスキルを伸ばしたい分野でもあります。
Photoshop

写真の補正や加工、切り抜きなどの作業が可能です。現職ではPhotoshopを使用してバナーや商品ページを作成しています。
Illustrator

Web制作に使用する簡単なロゴやアイコンなどの作成が可能です。前職ではIllustratorを使用してチラシを作成していました。
Adobe XD

デザインのワイヤーフレーム作成、デザインカンプ作成が可能です。
Responsive

レスポンシブ対応を意識したデザインの作成、コーディングが可能です。

PRODUCTS

私がつくってきたもの

WEBサイト制作

ポートフォリオサイト

使用スキル：デザイン / HTML / SCSS / jQuery / WordPress / PHP / BEM

スプリットデザインを採用したポートフォリオサイトです。
ファーストビューに画像＋キャッチコピーがダイナミックで魅力的に感じたので作成しました。
スクロールに合わせて画像が移り変わっていくようにjqueryを用いて実装しています。
ブログページとコンタクトページは勉強も兼ねて、wordpressと連動できるように実装しています。

ランディングページ

使用スキル：HTML / SCSS / jQuery / BEM

AdobeXDのデザインカンプからコーディングを行いました。
swiperを使用してスライダーの実装やページをスクロールした際にアニメーションを実装し、動的サイトを作成しました。
お問い合わせはGoogleフォームと連携して内容を集計できるようにしました。

コーポレートサイト

使用スキル：HTML / SCSS / jQuery / BEM

AdobeXDのデザインカンプからコーディングを行いました。
企業ロゴとナビゲーションアイコンがメイン画像を通り過ぎると色が白色から黒色に変更するようにjQueryで設定しています。
PC・タブレット・スマホのすべてにデザインカンプが設定されていたので、ピクセルパーフェクトを意識してコーディングしました。