Welcome to wadeen’s portfolio.
Scroll
About
わでぃん
初めまして！ご覧いただきありがとうございます！
簡単に自己紹介させていただきます。
簡単に自己紹介させていただきます。
- 名前：わでぃん
- 年齢：24歳
- 出身：鹿児島県
- 居住地：東京都
- 趣味：カフェ巡り、友人とご飯
- 性格：好奇心旺盛&熱中したことはとことんやる！
使命感を持ち「制作物の目的」を考えて工夫致します。
ご満足いただくまで尽力しますのでぜひお任せ下さい！
ご満足いただくまで尽力しますのでぜひお任せ下さい！
Works
制作のポイント
このサイトの実装のポイント・
注目してほしい所
【Engress】このサイトを見る
基本情報
- デザインカンプからのコーディング
- WordPressオリジナルテーマの作成
- 架空サイト
制作期間
- 6日(約38時間)
使用言語
- HTML / CSS / Sass / JavaScript / jQuery / PHP / WordPress / Git管理
ポイント
- DartSassを用いて、効率的なコーディングを行いました。
- カスタム投稿タイプを作成し、一部カスタムフィールドで管理しやすいように作成しました。
- ブログカテゴリーは、「①カテゴリ：同投稿タイプのカテゴリ」、「②関連記事：表示されているものと同じカテゴリ」に制御してます。
- おすすめ記事には、同じタグの付いたものが表示されるようになっています。
- お問い合わせフォームは、MW WP Formで管理しています。
- 納品後にお客さまが記事の更新をしやすいよう意識してコーディングしました。
- テストユニットにて、表示崩れがないか最終確認を行なっています。
【石井花壇】このサイトを見る
基本情報
- デザインカンプからのコーディング
- 架空サイト
制作期間
- 5日(約33時間)
使用言語
- HTML / CSS / Sass / JavaScript / jQuery
ポイント
- デザインに合うように、jQueryを使用してアニメーションを豊富に取り込みました。
- FVはズームしながら切り替わるエフェクトをCSSアニメーションで再現しました。
- お知らせ欄では、タグ切り替えできるようになっています。
- 予約モーダル表示時に、UIを意識して薄い白の背景を固定しました。
- 下層ページのパンくずリストは、構造化マークアップしています。
【YourCoding】このサイトを見る
基本情報
- デザインカンプからのコーディング
- 架空サイト
制作期間
- 3日(約17時間)
使用言語
- HTML / CSS / JavaScript / jQuery
ポイント
- FVについては、デバイスに応じてレイアウトを変更しています。
- FAQではよく使われるアコーディオンを設置しました。
- 制作実績では、「Slick」というJSライブラリを使用しています。
- お問い合わせは、全項目が入力されないと送信ボタンに「disabled」になり、押せないよう制御しました。
【KAGU】このサイトを見る
基本情報
- デザインカンプからのコーディング
- WordPressオリジナルテーマの作成
- 架空サイト
制作期間
- 4日(約27時間)
使用言語
- HTML / CSS /JavaScript / jQuery / PHP / WordPress
ポイント
- WordPressオリジナルテーマを作成しました。
- カスタムフィールド、カスタム投稿タイプで更新しやすい投稿管理を意識しました。
- お知らせ欄には、新着の投稿がカテゴリ付きで表示されます。
- 取扱い家具欄では、デバイスサイズで3段階表示を変えるようにしました。
- OGPやMetaタグを適切に使用しました。
× 閉じる
Skills
HTML
Level：★★★
レスポンシブ対応可能！
CSS
Level：★★★
アニメーション得意です
JavaScript
Level：★★☆
jQueryで制作が多いです
PremierePro
Level：★★★
幅広いジャンル編集可能
PhotoShop
Level：★★☆
画像/イラスト編集します
WordPress
Level：★★☆
WPでWeb構築可能です
以下スキルは、実務レベルまでもうすぐです。
ご依頼を細部までこだわり、心から満足していただくために毎日猛特訓中です。
ご依頼を細部までこだわり、心から満足していただくために毎日猛特訓中です。
Beginner
Master
Git
PHP
Illustretor