portfolio.dynobuyo.com Open in urlscan Pro
162.43.120.144  Public Scan

Submitted URL: http://portfolio.dynobuyo.com/
Effective URL: https://portfolio.dynobuyo.com/
Submission Tags: phish.gg anti.fish automated Search All
Submission: On July 10 via api from DE — Scanned from JP

Form analysis 0 forms found in the DOM

Text Content

PORTFOLIO


 * about
 * skill
 * website
 * contact

 * about
 * skill
 * website
 * contact

はじめまして

吉岡信世です


ABOUT


プロフィール

吉岡 信世

1994年11月1日生まれ。
石川県金沢生まれ、金沢育ち。

趣味:自転車に乗ること、美術館や博物館、個展、仏像やお寺を見に行くこと
ポスターやパッケージデザインを見ること。


WEB制作を目指したきっかけ

"学びたい"という気持ちの連鎖

以前にIllustlator・Photoshopを学んだ経験からデザインの分野について興味を持っていました。
また、歴史の深い物から現代の物まで様々な作品を見ることが好きで、自分も物づくりをしたいという気持ちがありました。
これらの思いから、再びパソコンスクールでIllustlator・Photoshopに加えて、HTML・CSSについて学び始め、
コードの入力でブラウザの表示が一つずつ変わっていくことに楽しさを感じました。
さらに、動きのある表示を表現させたい・仕事にできるような技術を身につけたいという気持ちが出て、 webプログラミング科の職業訓練を受講する運びとなりました。

現在はWeb制作の技術を高めたいという気持ちで日々勉強に励んでいます。


SKILL


HTML5



使用頻度の高いHTMLタグの基本的な使い方を理解しています。デザインカンプをもとにマークアップを行うことが出来ます。


CSS3



主なCSSプロパティの基本的な使い方を理解しています。レスポンシブデザインに対応したCSSコーディングを行うことが出来ます。CSS設計やSassについても勉強中です。


JAVASCRIPT



グローバルメニューの開閉など、基本的なプログラミングを組むことが出来ます。今後はwebで使用頻度が高い動きを実装できるように努めていきます。


WORDPRESS



LightningとCocoonのテーマでホームページを作成した経験があります。オリジナルテーマの制作経験も一度あります。wordpressの使用に伴い、サーバーやドメインについても実践的に学ぶことが出来ました。


PHP

学習中

PHP技術者認定初級試験に向けて、PHPプログラミングの基本的な知識やWebサイトを構築する際の一般的なセキュリティについて学習中です。


ILLUSTLATOR



基本的な操作、使い方を理解しています。ロゴマークやポスター、バナーの作成経験があります。


PHOTOSHOP



写真店でのアルバイトで色調補正やレタッチの技術を身に付けました。web制作の場面でも写真の修正の点で身に付けた技術を活かすことが出来ました。


XD・FIGMA



基本的な操作を理解しています。デザインカンプやワイヤーフレームを作成した経験があります。


今後の目標

 * JavaScriptについての理解が浅く、実践でも活かせるような知識を深め、動きのあるwebサイトを制作できるように努めていくこと。
 * 作業効率が良く、管理がしやすいようなCSSを制作できるように経験を重ねていくこと。
   また、チーム制作での即戦力になれるようにCSS設計(BEM)やSASSについても学んでいく。
 * 職業訓練終了後はコーディングを主として行いながら、デザインについても学ぶ。将来、webデザインからコーディング、プログラミング、ディレクションまで幅広く業務ができるように目指す。


WEBSITE1


コーポレートサイト

サイトを見る
adobeXDを使用し、デザインカンプを作成しました。

デザインカンプを見る

まるで工房サイト制作

 * 使用言語:HTML5、CSS3、WordPress
 * ディレクション、写真撮影、デザイン、コーディングを行う。
 * 作成期間:全工程で約3週間
 * WordPress テーマCocoonで作成する。
   (投稿機能があり、クライアント自身で編集や項目の追加が行いやすいと考えたため。)


 * 案件内容
   HP作成の目的
   
   まるで工房について
   
   私自身の家族が営む木地挽物を専門とした工房。
   
   HP制作の過程
   
   今まで、仕事を受ける依頼方法の一つとして、instagramからの依頼があリました。
   instagramを見てもらったユーザーに向けて、さらに工房について知ってもらい、
   安心して依頼してもらえるように、HPを作ることを提案し、作成の運びとなりました。
   
   HP作成の目的
   
    * 工房について知ってもらう。
    * 依頼を検討しているユーザーに安心感・信頼感を持ってもらう。
    * お問い合わせフォームでスムーズに連絡が取れる。
   
   以上の点を意識してTOPページのデザインやコンテンツの選定を行いました。

制作後の学び

 * 実際にクライアントが存在するWebサイトを制作することにより、WEBサイトを作る目的や、クライアントが目指すことに焦点を当て、そのためにはどのようなWebサイトを作る
   べきか考えることが大切だと学びました。この経験から、お客様の思いを反映させることを主としたディレクション業務の奥深さを知り、今後挑戦したい分野だと感じました。
 * 山中漆器の伝統についてや、木地挽物とは何かという専門的な知識についても調べるきっかけとなり、自分が今まで知らなかった事を知る楽しさを感じました。
   様々なWeb制作に関わることで、自分の知識も増え、世の中を知ることにつながっていると気づき、さらにWeb制作業界への関心が深まりました。
 * Web制作の存在は、会社の広告だけではなく、会社自身の印象を作っていくものだと実感し、その重要性を改めて感じました。クライアントが持つ会社の印象を代弁できるようなWebデザインができるようになることが今後の課題だと気づきました。


WEBSITE2


デモサイト

サイトを見る

パソコンスクールのデモサイト制作

 * 使用言語:HTML5、CSS3、WordPress
 * デザイン、コーディングを行う。
 * 作成期間:全工程で約1週間
 * WordPress テーマLightningで作成する。

工夫した点

”明るく楽しく通える”雰囲気を出すために、アクセントカラーをオレンジ色に設定し、画像の被写体の表情が明るいものを選びました。

制作後の学び

 * WordPressの基本的な編集方法や、レンタルサーバー・ドメイン取得について実践的に学ことができました。
 * Lightningテーマの特性や、追加CSSでスタイルを調整する方法を学ことができました。さらに、自分が表現したいものをWordPressで細かく反映させるために、今後オリジナルテーマの作成を学ぼうといった次の課題発見につながりました。


WEBSITE3

               


デモサイト

サイトを見る
               

クリニックのデモサイト制作

 * 使用言語:HTML5、CSS3、jQuery、slick
 * フルスクラッチでの制作
 * 作成期間:約5日間
 * Figmaでワイヤーフレームを作成する

工夫した点

クリニックは幅広い年代の方が利用する場であり、多くの方にとって見やすいように文字の大きさや配置の方法を考えて作成しました。

制作後の学び

 * 医療系のWebサイトを制作する際の注意点として、医療広告ガイドラインがあることを学びました。
   医療関係のWebでは誇大広告や対象者を誤認させる疑いのある広告は禁止されていると知り、これらの注意を意識しながら制作しました。
 * 医療用語など難しい語句が多くなると、読みづらさにつながり、離脱してしまう原因になると考えます。Webサイトを見る対象者はどのような方か意識しながら制作することが大切だと学びました。多くの方が分かりやすいと感じるWebサイトを制作できるように、今後も様々な制作物を見ながら学んでいきたいと思いました。


WEBSITE4

               


ポートフォリオサイト制作

               
               
 * 使用言語:HTML5、CSS3、JavaScript、jQuery、WordPress、PHP
 * HTML・CSSにてコーディングを行った後、WordPressのオリジナルテーマを制作。
 * コンタクトフォームはWordPressのプラグインを使用する。
 * 作成期間:約7日間

工夫した点

自分自身の個性が伝わるように、配色や写真の選定を行いました。

制作後の学び

 * WordPressのオリジナルテーマ作成を行ったことにより、ファイル階層の構造を理解することが出来ました。WordPressの奥深さを知り、ブランクテーマなど様々なWordPressでの制作方法について今後も学んでいこうと考えています。
 * 今までの制作物の制作過程を振り返るきっかけとなりました。制作を積み重ねることで少しずつ成長できていると気づき、今後も制作を続けながら知識・技術を深めていきたいと思います。


ロゴマーク

まるで工房のHP制作に伴ってロゴマークを作成しました


シンボルマーク



姉がデザインしたスケッチをもとに、Illustratorで作成しました。 円と、ひらがなの「で」が合わさり、にっこり笑っているようなデザインにしました。
内側と外側の二つの円の大きさを黄金比にし、安定感が出るように工夫しました。


ロゴタイプ



まるで工房の印象をもとにデザインしIllustratorで作成しました。

色:木の外側の樹皮の色と、内側の木部の色をイメージして作成しました。

形:まるでの"丸"・木の木目・轆轤が回る円形をイメージして、「ま」と「る」の円形部分を作成しました。
独立して2年目の新しい工房であり、若葉を頭文字に入れました。

最後まで見ていただきありがとうございます

 * お問い合わせ
 * トップページへ戻る