About | Yukuro CreateFolioについて

About
私のご紹介

TOP

ご挨拶

当サイトをご訪問して下さり、ありがとうございます。

サイト制作者兼管理人のゆうきです。

こちらのサイトでは主にWebサイトやUI UXデザイン作品の掲載を始め、個人的に制作しているハンドメイド作品などを掲載しております。

その他、モノづくりなどに関するブログでの情報発信も行なっております。

Production Overview 制作概要

制作ジャンル

  • Webサイトコーディング、レスポンシブ対応、WordPress
  • Webデザイン
  • 写真・画像のレタッチや編集
  • バナー・ロゴマーク制作
  • コスプレ衣装・レザーなどのハンドメイド

Web業界での経験

初めてのWeb業界で2年ほどアルバイト経験をしました。

デバイスチェック、コーディング、動画作成など幅広い業務を経験をさせていただきました。

見積もり用の他社サイトを洗い出した資料の作成・定性調査など、制作だけではなくクライアントの意図やユーザビリティでの観点を意識したWeb制作が大切なことであることに気づき、それ以降は個人でのサイトを制作する際にも勉強会で学んだことを実施しながら制作を行うようになりました。

それらを応用した形で実践している簡単な制作の流れです。

01

サイト制作に必要なペルソナ設定、カスタマージャニーマップなどを作成・調査

ペルソナとカスタマージャーマップ

02

キーワード・デザインに関する他社分析

他社サイト分析シート

03

サイトマップ / ワイヤーフレーム / モックアップの作成

ワイヤーフレーム

04

デザイン制作時はコーダーを意識したレイヤー名の指定 / コンポーネント管理 / ガイドラインを作成

デザインのガイドライン

05

コーディングの際は、Sassを用いてBEMルールでスタイリングを実施

VSCode

06

Windows/Mac、iPhone/Androidのブラウザ別での表示テストを実施

Skill スキル

資格

2021月10月取得

Webクリエイター能力認定試験 エキスパート

2021月08月取得

Microsoft Excel 2016 Specialist

2021月08月取得

Microsoft PowerPoint 2016 Specialist

言語・ツール

HTML

HTML

レスポンシブも含めた基本的なコーディングが可能です。

メンテナンスを考慮したコメントアウトやBEMに合わせたclass名の指定を行います。

Sass

Sass

基本的にCSSはSassを用いて記述しています。

関数を用いてレスポンシブに対応したフォントの指定や、パーツごとにカテゴリ分けしたファイル構成を心がけています。

JavaScript

JavaScript

スライドショーなどのcssでは再現できないアニメーションなどに使用しています。

コピペが多いですが、プログラムの意味を調べてデザインに近いように再現することはできます。

JQuery

フェードイン、スライドショーなどのページ内要素の動きで主に使用しております。

PHP

PHP

作成したコーディングをWordPress化する際に使用しています。

このポートフォリオサイトもPHPを用いて実装しています。

WordPress

WordPress

PHPを使用したコーディングサイトのWordPress化も簡単ではありますが実装できます。

テーマからの構成も可能です。

Visual Studio Code

制作エディター

コーディングやプログラムを書く際のエディターは基本的にVSCodeを使用しています。

LiveSassCompilerやGitと連携させながら作業しています。

PhotoShop

画像編集と趣味で撮影した写真の加工で使用しております。

デザインカンプはAdobe XDを使用し制作していますが、PhotoShopでの制作も可能です。

Illustrator

Webサイトのロゴ、イラストの作成を始め、名刺の作成や、ハンドメイド作品のイメージイラストを作成する際に主に使用しています。

Adobe XD

デザインカンプとWFの作成で主に使用しています。

デザイン作成と並行しつつカラーやフォントなどのガイドラインも併せて作成しており、デザイン・コーディング時の注意点がわかりやすいように制作しています。

Github

Github URL:https://github.com/

制作した作品のソースコードをまとめる際に主に使用しています。上記のURLからソースコード記述を確認する事ができます。

Figma

アプリデザイン、UIデザイン制作時に使用しております。

エンジニアを意識したレイヤー名やコンポーネントの指定を行いつつデザイン作成をしていきます。

Slack

社内のコミュニケーションや報告で主に使用しております。
画面共有等の基本的な操作は可能です。

Notion

サイト制作やタスク管理、プライベートで使用しています。

簡潔なサイトを作る際にも活用しており、テンプレートの配布も行っております。

Googleスプレッドシート

制作管理シート、ペルソナ・ジャニーマップシートの作成等、制作に必要な資料の作成で使用したので、関数を除く基本的な操作は可能です。

Udemy 受講講座

About Me 私について

山古志村の雲海

“新潟県で誕生“

1997年に新潟県中越地方にある街で生まれました。

子供の頃からモノづくりが大好きだった私は、
段ボールで戦艦を作って「ガンダムごっこ」をしたり、図工の時に学校から制作物を持ち帰り作業していたこともあります。

“専門中退後は清掃員“

「役者」になりたいと言う夢から、高校卒業後は専門学校に進学しましたが、紆余曲折あり学校を中退。

その後は、清掃の仕事に従事し正社員で働き始めました。

現場を回り、機械を使用しての床清掃、ゴンドラでの高所作業、炎天下での除草など幅広い業務を経験しました。

モップ
造形の道具

“モノづくりで自分の特性を再発見“

仕事の傍、小さな頃から好きだったモノづくりとアニメの影響からコスプレで使用する衣装や小道具製作を始めました。

「人生でこれほど夢中になったものがあっただろうか?」と思うぐらい製作に没頭し、子供のときの特性が大人になり再び発揮されました。

“特性を活かしてWeb業界に転職“

製作を続ける中で、
“オーダーメイドとハンドメイドのネットショップを作りたい” という一つの目標ができました。

ネットショップ開設のために、Web制作やデザインに関する勉強を始めた結果、特性が活かされデザインからコーディングによりWebサイトを作り上げていく過程がとても楽しく、ほぼ毎日勉強していました。

現在は、システム会社のWeb制作部門でアルバイト勤務しています。

パソコンとスマホ