ブログ
2023.3.26
春陽が心地よい季節になって参りました。
markup engineer / web designer
Scroll
制作技術My Skills
-
CODING
HTML・CSS・SCSS・jQuery(JS)・PHP等で
コーディングが可能です。 -
DESIGN
Adobe XD・Adobe PhotoShop等で
WEBデザインが可能です。 -
SEO
最適なタグ構成・サイトスピード
構造化マークアップ等でSEO対策が可能です。
制作事例Works
-
PC用のサイトのレスポンシブデザインのご依頼を頂きました。
環境 ： Figma
制作期間 ： 2日
-
WordPressテーマ「SANGO」をカスタマイズし、頂いたワイヤーフレームから構築。（デザインカンプなし）
PHPでのコーディング・CSS・SSL化
環境 ： HTML5 CSS3 PHP SEO セキュリティ
制作期間 ： 2週間
-
予算を抑えてのご依頼だった為、テンプレートを使用し、
テキスト変更・お好みのカラー変更で構築致しました。
ボリュームとしては小規模ですが、それまでHPが無かったため、大変喜んで頂けました。
PHPでのコーディング・CSS・SSL化・最低限のSEO対策
・Googleビジネスアカウント開設～検索登録。
環境 ： HTML5 CSS3 PHP
制作期間 ： 約二日
-
こちらはデザインポートフォリオです。
ロゴから全てデザインしました。
フィットネスなのでメインビューに動きをつけたかったのですが、悩みに悩んだ末に 角度をつけたレイアウトで解決しました。
環境 ： Photoshop XD
-
オリジナルテーマ制作
サイトのコーディング・レスポンシブを担当。
構造化マークアップでのSEO対策やAjaxLoadingを実装。
環境 ： HTML5 CSS3 JS PHP WordPress
制作期間 ： 2週間
-
オリジナルテーマ制作
ターゲット : 20～30代女性
ベースカラーが青な為、色味を少し青寄りに。
※レイアウトのベースはアーバンクア制作時のテーマを使用。
環境 : HTML5 CSS3 JS PHP WordPress
制作期間：1.5ヶ月
チーム : 3人
-
オリジナルテーマ制作
ターゲット：20～30代女性
ベースカラーが青な為、色味を少し青寄りに。
※レイアウトのベースはアーバンクア制作時のテーマを使用。
環境 ： HTML5 CSS3 JS PHP WordPress
制作期間 ： 1.5ヶ月
チーム ： 3人
-
オリジナルテーマ制作
ターゲット:20～30代女性の家族連れ
課題 : 旧サイトが更新し辛く非効率、リニューアルして顧客が求める情報をわかりやすく整理したい。
解決策 : 暖かい色みでWPブログ機能で更新しやすく・デザインはわかりやすく見やすい形に実装。
環境 : HTML5 CSS3 PHP JS WordPress
制作期間：1.5ヶ月
チーム : 3人
-
オリジナルテーマ制作
既存サイトのWordPress化を前任者から引き継ぐ形で制作致しました。
iframeを作成し、こちらのサイトを更新するだけで系列サイトも自動的に更新されるように実装。
環境 ： HTML5 CSS3 PHP JS WordPress
制作期間：1.5ヶ月
チーム : 2人
-
オリジナルテーマ制作
ワイヤーフレーム案とWordPress構築、SEO対策を担当しました。
課題 ： 所有する大量のYoutoube動画を一つのサイトで見れるようにしたい。
解決策 ： 全ての動画を集約し、モバイルファーストレイアウトで
トップページに動画を多数配置してアクセスしやすい形に。
各一覧もAjaxLoading（もっと見るボタン）でページ内に読み込めるように。
環境 ： HTML5 CSS3 PHP JS WordPress PhotoShop
制作期間 ： 1.5ヶ月
チーム : 3人
-
新規サイトのコーディングを担当
レスポンシブからアニメーションまで制作しました。
環境 ： HTML5 CSS3 JS
制作期間 ： 1ヶ月
チーム : 2人
-
オリジナルテーマ作成
予算に合わせてのコーディングとSEO対策、ブログ機能でご提供。
極力無駄を削ぎ落とし、レスポンシブはBootstrapを選択。
WordPressのブロックエディタで編集できるようにしてほしいという要望通りに実装。
環境 ： HTML5 CSS3 JS
-
AppleWatch関連商品のプレビューサイト構築・コーディングを担当
WordPressの簡単なプラグインを制作し、管理画面で色の変更をできるように実装。
環境 ： HTML5 CSS3 JS PHP WordPress
制作期間 ： 1週間
チーム : 2人
-
オリジナルテーマ制作
新規サイトのコーディングを担当し、アニメーションを含めたほぼ全ページを制作。
WordPressの構築やSEO対策も実施。
環境 ： HTML5 CSS3 PHP JavaScript WordPress Photoshop
制作期間 ： 1.5ヶ月
チーム : 3人
-
オリジナルテーマ制作
サイトリニューアルのコーディングを担当し、既存サイトからの移設作業やほぼ全ページを制作。
WordPressの構築やSEO対策も実施。
環境 ： HTML5 CSS3 PHP JS WordPress Photoshop
制作期間 ： 1.5ヶ月
チーム : 3人
-
ロゴデザインからコーディングまで制作
ロゴデザインやフォントの選択が難しかったです。
環境 ： HTML5 CSS3 JS Photoshop Illustrator XD
チーム : 1人
-
新拠点のページ制作や更新保守業務を担当
新規拠点ページ5～10ページやファーストビュー画像の編集等をしておりました。
環境 ： HTML5 CSS3 JS PHP WordPress PhotoShop
チーム : 2人
-
コーディング・レスポンシブを担当
まだコーディング経験が浅い時期だったので、効率的なマークアップやFlex-boxの使い方に苦労していて、仕様や挙動を模索しながらコーディングしていました。
環境 ： HTML5 CSS3 PhotoShop
制作期間 ： 2週間
チーム : 2人
-
トップページと2つのサブページをフルコーディングとレスポンシブを担当。
アニメーションや斜めのレイアウトを用いて、WEBページに動きと個性を与えました。
環境 ： HTML5 CSS3 JS
制作期間 ： 3週間
チーム ： 3人
-
最初に作ったポートフォリオです。
環境 ： HTML5 CSS3 JS
-
FutureShop、楽天、Yahoo、WowmaなどのECサイト運営全般の業務に携わっておりました。
季節に応じた販促ページや商品のLPを企画したり、ショップのUIやUXを改善することでコンバージョン率を高めています。
また、チャットボットの内容を改善したり、レコメンド機能を導入したりすることで、顧客満足度やリピート率も向上させています。
レコメンド機能の導入では、繁忙期のCVRが12%に達するという成果を出しました。
環境 ： HTML5 CSS3 JS Photoshop Illustrator Dreamweaver チーム ： 2人
私についてAbout Me
- _NAME
- MASAKI FUKUNAGA
- _HN
- まちゃきん or ふくっち or やす
- _WORK
- マークアップエンジニア、Webデザイナー
- _BIRTH
- 1987/10
- _FROM
- 京都府京都市伏見区
- _STORY
- 2019年にWEB制作を学び始めました。
EC運営ではバナー等のデザイン・コーディング、
WEB制作会社では主にマークアップエンジニアとして活動していました。
2023年頃からWEBデザインにも注力しています。
ブログBlog
-
-
お知らせ 2023.3.24
ポートフォリオサイトを公開しました。
製作期間：約2ヶ月
コンセプト：①図形、②多色、③単ページ、④インタラクティブなアニメーション
デザインの最小単位として図形や多色をモチーフにし、
必要な情報までのクリック数を極力減らしたかったので単ページ構成にし、
なおかつ見る人が楽しめるようにインタラクティブなアニメーションを実装。
最近トレンドのAIについても記述しています。
WordPressにて実装し、制作事例とブログ部分は投稿出来るようにしています。
使ってみたかったWebGLも実装出来たので良かったです。
AIについて思うことThink About AI
2023年現在、AIの発展が目まぐるしいですね。
ChatGPTやMidjourney等のAI技術を試してみましたが、
その性能には驚愕の一言でした。
かつては想像だった未来が、確実に目の前まで迫って来ていると感じました。
そしてクリエイターとしては、
「AIに溢れるであろう世界で自分に何が出来るか」
そう問われているような気がします。
一方でAIが世に溢れていく時代になったとしたら、
その人独自の制作物や作品は
より価値が高くなるのではないかと希望を抱いていて
私自身も、見た人の記憶にいつまでも残るような
そんな制作をしていきたいです。