過去に作成したWebサイト

私が過去に作成したWebサイト(静的サイトやWordPress等)の紹介や私のもっているスキルについてご説明させていただきます。

ポートフォリオ一覧

ファッションアテンダントLPのスクリーンショット画像

ファッションアテンダントさんのLPサイト

ジャンル

  • LP
  • 静的サイト
  • コーディング

使用技術

  • Sass
  • BEM
  • gulp

制作についてのポイント

サイトURL
https://fashion-attendant.com/lp/

服選びに専属のスタッフを紹介してくれる、ファッションアテンダント様のLPサイトを作成させていただきました。 HTML+CSS(Sass)での作成、タスクランナーにgulpを使用しています。

Lab RE:beauteサイトのスクリーンショット画像

社員教育のダイバーシティ

ジャンル

  • WordPress
  • コーディング

使用技術

  • 通常サイトのWordPress化

制作についてのポイント

サイトURL
https://diver-sity.jp/

社員教育の講習などを中心に行っている会社「ダイバーシティ」様のサイトを通常の静的サイトから、WordPressへ移行しました。

アルティメットSEOドットコムさんのサイトのスクリーンショット画像

アルティメットSEOドットコムさんのサイト

ジャンル

  • LP
  • WordPress
  • コーディング

使用技術

  • Sass
  • BEM
  • gulp

制作についてのポイント

サイトURL
https://ultimate-seo.com/

トップページはLPのような構成ですがWordPressで実装しており、新しいページの追加など、HTMLの知識がない人でもできるような実装をしました

具体的に出来ること

レスポンシブ対応の修正に強いサイト

今では必須となった、ひとつのコードで、スマートフォン、PC表示に最適化されたサイト制作(レスポンシブ対応)を得意としております。スマートフォンでサイトを多く見られる事が多くその需要に対応できる事ができます。

WordPress制作にも対応

世界のホームページの3割はWordPressで作られています。WordPressは高度なデザインと知識が少ない人でも簡単に更新できる仕組みを提供できます。WordPressのサイト制作にも対応しております。

お客様との丁寧なやり取り

依頼くださったお客様とは、極力丁寧なやり取りを心がけています。依頼してくださった方がわからない事がありましたら、些細な事でもお知らせください。

使用できる技術

CSS関連

Sass

変数やmixin、extendなど基本知識は問題なく使える。Sassの機能を使い、コードを効率良く書く事を心がけています。また必要な個所に変数を使い、色やサイズなど、修正しやすくすることも意識してます。

CSS設計

BEMとFLOCSSの考え方をベースに、少し自分の使いやすいようにカスタマイズしています。レイアウトとモジュールを分離を意識して、修正もしやすいコードを心がけています。まだまだ知識不足な所はありますが、再利用性と修正がしやすい設計を追求していければと思います。

プログラミング関連

JavaScript

基礎知識レベル。スマートフォンのバーガーメニューをクリックしたら、メニューを表示させる等、Webサイトに動的に変化を加える等できます。

PHP

基礎知識レベル。WordPressでサイト作成に必要なPHPの知識はあります。