できること Skill

• コーディング

  

  サイトをゼロから作成するためのHTML、CSSのコーディングが可能です。レスポンシブデザインも対応できます。エディタは現在Visual Studio Codeを使用、以前はAdobe DreamWeaver、秀丸エディタも使用していました。

• デザイン

  

  Web制作のスクールやグラフィックのスクールに通い、デザインの基礎を習得しました。デザインカンプやバナー広告の作成が可能です。 アプリケーションはAdobe Photoshopを使用します。

• JavaScript

  

  JavaScriptやjQueryは独学で基礎を学習しました。 「ページのTOPへ移動」や「アコーディオンメニュー」などの基本動作はサンプルコードをカスタマイズして記述することができます。

• WordPress

  

  WordPressは現在勉強中です。自作テーマの作成、プラグインのカスタマイズを行い、簡単なブログサイトをつくることができます。

• SEO

  

  SEOの基本知識を習得しています。検索エンジンでユーザーにサイトの内容が正しく理解してもらえるようなコーディングを目指しています。

制作実績 Works

Webサイト※作品は現在すべて架空のものです。

コンセプト考案からデザインを行い、コーディングを行いました。すべてレスポンシブ対応で制作しています。
使用スキル：HTML、CSS、jQuery
使用アプリケーション：Adobe Photoshop、Visual Stadio Code
動作確認手段：
PC→Windows11（ブラウザ：Google Chrome、Microsoft Edge、Firefoxの各最新版）
スマホ→Android13（ブラウザ：Google Chrome最新版）
タブレット→Android9（ブラウザ：Google Chrome最新版）

• 欧風レストランのサイト

  

  実在するレストランのサイトリニューアルを仮定し、架空のサイトを作成しました。

  目的：

  集客・アクセスをわかりやすく

  ターゲット：

  30～40代の男女（社会人）

  コンセプト：

  高級とカジュアルの中間。満足感を味わえそうな雰囲気。

  サイトをみる

• ケースワーカー情報サイト

  

  障害者福祉にかかわる事業所からの依頼を仮定して作成しました。

  目的：

  障害者福祉に関わる人が、情報を得たり悩みを共有する場として活用できるサイト

  ターゲット：

  福祉にかかわる人

  コンセプト：

  明るく健康的、フレンドリーでやわらかい。わかりやすい。

  サイトをみる

• 化粧品販促サイト

  

  架空化粧品ブランドの新商品販促サイトの作成を依頼されたと仮定しました。

  目的：

  Shizen de kireicosmeの新商品販促サイト。商品特性の告知および購買意欲への訴求。情報のシェア、ブランドサイトへ移動が可能。

  ターゲット：

  ナチュラル派の40、50代女性。

  コンセプト：

  さわやかでシンプル。ボタニカル。きれいめ。深い森のイメージ。

  サイトをみる

• WordPressを利用したブログサイト

  

  食と天気と旅行のブログの制作を依頼されたと仮定しました。

  目的：

  趣味の食と天気と旅行についてブログを書きたい

  ターゲット：

  同じ趣味を持つやさしい雰囲気の人たち

  コンセプト：

  淡くてやさしいイメージ。シンプル。

  サイトをみる

• ポートフォリオ

  

  このサイトです。

  目的：

  tototoworksのスキルや仕事に対する姿勢を知っていただく。

  ターゲット：

  サイト作成やバナーの作成を依頼したいと考えている人。

  コンセプト：

  やわらかく、親しみがもてる雰囲気。わかやすい。

  サイトをみる

Webデザイン※作品はすべて架空のものです。

コンセプト考案からデザインを行いました。コーディングを考慮したデザインを心がけています。
使用アプリケーション：Adobe Photoshop

• クリニック公式サイト

  

  地域にあるクリニックの公式サイトの作成を依頼されたと仮定しました。

  目的：

  病院の場所、診療時間や休診日がわかりやすく、問い合わせが簡単にできる。

  ターゲット：

  地域住民。年齢層は問わない。

  コンセプト：

  水色、グレーを基調とした、清潔感があり、ていねいな雰囲気。

  詳細をみる

• 子ども向け音楽教室、入会促進サイト

  

  子ども向けの音楽教室から利用者を増やすため、サイトの作成を依頼されたと仮定しました。

  目的：

  スクールの概要を知ってもらい、体験、入会してもらう。

  ターゲット：

  習い事を始める年齢層、年長クラスから小学校低学年の子どもを持つ親、子ども本人。

  コンセプト：

  楽しくてワクワク、やってみたくなる、単純でわかりやすい。カラフルな色合い。

  詳細をみる

バナー広告デザイン※作品はすべて架空のものです。

カトウヒカル著「思わずクリックしたくなるバナーデザインのきほん」の練習課題からバナー広告の制作を行いました。
使用アプリケーション：Adobe Photoshop

• ショールーム見学会

  

  作成サイズ：

  1200×628、1200×1200

  指定文言：

  「木質リノベーション」「自然と暮らす」 「リノフレンズ」「ショールーム随時公開中」「ご予約はこちら」

  要望：

  木や自然が好きな人に好まれるナチュラルな雰囲気で。自然と暮らすは縦書き。アースカラー。暗くしたくない。

  詳細をみる

• プログラミングスクール

  

  作成サイズ：

  1200×628、1200×1200

  指定文言：

  「プログラミング大学」「180日間の実践型学習プログラム」「未経験からシステムエンジニアを目指すあなたに」「無料体験レッスンはこちら」

  要望：

  20～30代の転職を考えている若者。気軽に体験できるよう明るくポップな印象で。手書き文字を使って。パステルカラーで柔らかい雰囲気。

  詳細をみる

私について About

• 

• webデザイナーとして働くことを目指しているtototoworksと申します。
  2001（平成13）年から2010（平成22）年頃までいくつかのweb制作会社にてwebサイトの企画運営、更新業務、コーディング、簡単なデザインを行っておりました。
  その後福祉職に従事しましたが、近年webサイト制作と両立できるように事務職のパートタイマーとして働いております。
  一緒にお仕事をさせていただくお客様にとって、気軽で身近な存在でありたいという思いでひとつひとつのお仕事に取り組んでいきたいと考えております。 どうぞよろしくお願いいたします。