←   index.html

 1 <body>
 2 <div id="wrapper">
 3 <nav id="gnav" class="fixed">
 4 <div id="nav-logo">
 5 <a href="#header">
 6 <img src="img/logo.png" alt="logo"></a>
 7 </div>
 8 <ul>
 9 <li><a href="#design">DESIGN</a></li>
10 <li><a href="#feature">FEATURE</a></li>
11 <li><a href="#about">ABOUT</a></li>
12 <li><a href="#skill">SKILL</a></li>
13 <li><a href="#contact">CONTACT</a></li>
14 </ul>
 15 </nav>
16 Welcome,my potopolio Please click here.
portfolio
css
img
js
           script.js
      index.html

DESIGN

デザイン練習用の架空ファーストビューです。
e-sports
e-sports専門学校「WIN」
e-sports専門学校WINの入学案内ページ。
サイバーなカラー配置、フォントエフェクトを意識しています。
ヘアーサロン「ADMIRABLE」
ヘアーサロンショップのHP
ページ全体は清潔感のある白をベースとして、
アクセスした時にキャンペーン情報がすぐ目に入ることを意識しています。
にぎり寿司屋「響-hibiki-」
一目見て一風変わったにぎり寿司が目に入るように
また特徴的な店頭ロゴに目がいくように配置しています。
賃貸情報会社「HousuSearch」
賃貸を取り扱う仮想会社のページ。
サイトにアクセスしてすぐ多数の情報にアクセスできるようヘッダー領域に検索用のボタンを多く配置しています。
ファッションブランド「Le ciel」
アクセスしてすぐ目に入るよう商品イメージを大きく表示。
メニューにはプルダウンメニューを使用し、数多くの商品にアクセスできるように意識しています。
photographer-EMIYA-
写真家EMIYAさんのGalleryHP。インパクトのあるフォントロゴデザイン、トップページには情報を極力減らしアクセスしてすぐ作品に目が行くようにしています。

e-sports専門学校「WIN」

e-sports専門学校の入学案内ページ。
サイバーなカラー配置、フォントエフェクトを意識しています。

ヘアーサロン「ADMIRABLE」

ヘアーサロンショップのHP
ページ全体は清潔感のある白をベースとして、
アクセスした時にキャンペーン情報がすぐ目に入ることを意識しています。

にぎり寿司屋「響-hibiki-」

一目見て一風変わったにぎり寿司が目に入るように
また特徴的な店頭ロゴに目がいくように配置しています。

賃貸情報会社「HousuSearch」

賃貸を取り扱う仮想会社のページ。
サイトにアクセスしてすぐ多数の情報にアクセスできるようヘッダー領域に検索用のボタンを多く配置しています。

ファッションブランド「Le ciel」

アクセスしてすぐ目に入るよう商品イメージを大きく表示。高級感のあるfont選びに注意してます。

photographer-EMIYA-

写真家EMIYAさんのGalleryHP。インパクトのあるフォントロゴデザイン、トップページには情報を極力減らしアクセスしてすぐ作品に目が行くようにしています。

FEATURE

HP:「davantage」

URL:https://davantage-hair.com/

奈良県橿原市大久保町の美容室
「davantage」のHPです。
ページ全体を店舗内の壁紙、木の素材、落ち着いた店舗イメージを意識して作成しています。
美容室のサイトなのでスマートフォンからのアクセスも想定している為レスポンシブ対応も行っています。
０から作成させていただいたサイトですが、実際にお店の方とデザインの相談などを行い作り上げたので感慨深いサイトとなりました。

担当：ヒアリング、デザイン、コーディング(Sass、レスポンシブ対応"PC,Tablet,SmartPhone"、Jquery)、店舗撮影

ABOUT

佐藤雄磨 S61 05/07
2019年、時代が令和と変わると共に自身も新たな道を歩みたい。
その思いと共に自身の持つ"好き"を仕事に活かす為、この度求職者支援訓練の「Webクリエイター科」を経てwebクリエイターとしての一歩を踏み出しました。在学中にWebクリエイター能力認定試験エキスパート取得。
元々何かを生み出す作り出すということは好きでしたので、イラスト、Live2Dアニメーション(Vtuberデザイン、運用)、動画製作、写真撮影など幅広くクリエイティブな活動はしていました。
一度パソコンを触り始めると食事をするのを忘れて一日触り続けてしまうほどです。

趣味はゲーム、イラスト・動画制作、ロードバイクでのサイクリング、写真撮影、そして今はWeb制作です、生涯ずっと続けている趣味をそのまま強みとして活かせると自負しております。
真面目にまっすぐ、それでも視野は広くをモットーに傾聴の心を忘れず頑張ります。

SKILL

これからも多くのスキルを獲得し続けます
HTML5
css3

HTML、CSSでの基本的なコーディング知識はあります。
レスポンシブ対応も可能。
CSSアニメーションスキルをもっと高めたいと思っています。
コーディングは主にBracketsを使用。

js

jQeuryプラグインを利用した実装、基本的な機能の使用。
ライブラリからの実装なども可能です。
０からのスクラッチは未経験となります。

wordPress

インストールから子テーマの作成、
それに伴いテーマのカスタマイズは可能です。
WordPressループへの理解もあります。

Ai

基本的な機能操作は取得済みです。
アイコン、バナー作成も可。
ベジェ曲線も使用できます。

Ps

写真、イラストなどの加工に使用しています。
趣味でイラスト作成も行っていますのでレイヤー構造などの
基本的な知識も抑えています。

Ai

Sourcetreeと連携して使用。
ポートフォリオ作成、上記サイト作成にも
使用してサイト構築しています。

上記以外にも使用ツールとしてWord、Excel、Powerpoint、Sass、PHP、Dreamweaver、
CLIPSTUDIOPAINT、Live2Dには触れた事があり現在学習中のものも含みます。

CONTACT

ご連絡はこちらのメールアドレスにお願いいたします。
yumasatoweb@gmail.com