pf-im.png

根廻 康平

Kohei Nemawari

<aside>

✉️ contact

[email protected]

epiphany-kohei424


🌏SNS

X:https://x.com/web_kohei

</aside>

【実績40件以上|夜間・土日対応可】制作会社・広告代理店で実務経験のあるコーダーが、デザインから実装まで対応し、貴社に貢献いたします。

◆ WORKS


― 制作実績

Basic認証の際は、ID / PW:demo のご入力をお願いいたします。

Untitled

種類 担当範囲、技術スタック 内容 制作期間
スノーボード商品PR LPサイト制作 ・デザインカンプからのHTML / CSS コーディング
・レスポンシブ対応
・アニメーション対応 ・BEMによるCSS設計
・9セクション制作
・レスポンシブ時の可読性を意識したレイアウト調整 2週間
台湾から宮城への観光PR LPサイト制作 ・デザインカンプからのHTML / CSS / JavaScriptコーディング
・レスポンシブ対応
・アニメーション対応 ・BEMによるCSS設計
・10セクション制作
・アニメーション実装
・レスポンシブ時の可読性を意識したレイアウト調整 2週間
既存静的サイトへの簡易CMS導入作業 ・CodeIgniterを使用してお知らせ機能実装
・管理画面UI構築 ・既存静的サイトのお知らせを手動で更新しているため効率化したいという依頼内容。予算の都合上、WPへのリニューアルが難しく、簡易お知らせ投稿機能を実装 1ヶ月
フラワーショップHP リニューアル構築 ・デザインカンプからのHTML / CSS コーディング
・WordPress導入(オリジナルテーマ)
・カスタム投稿、カスタムフィールド実装
・アニメーション実装
・お問い合わせ実装(Contact form7) ・BEMによるCSS設計
・TOPページ+下層11ページ制作
・カスタム投稿タイプを用いた商品、お知らせ管理
・カスタムフィールドでテキスト、画像を柔軟に更新可能に対応 1ヶ月
札幌市熱中症対策PR LPサイト ・デザインカンプからのHTML / CSS コーディング
・レスポンシブ対応 ・BEMによるCSS設計
・9セクション制作
・レスポンシブ時の可読性を意識したレイアウト調整 2週間
子供向けITスクール サイトリニューアル案件 ・デザインカンプからのHTML / CSS コーディング
・WordPress導入(テーマ:TCD) ・先方指定の有料テーマTCD(SEED)の利用範囲内での制作 1ヶ月
既存サイト カテゴリー絞り込み機能実装案件 ・カテゴリータブを設置して、JavaScriptでの絞り込み機能実装 ・既存サイトの実績一覧箇所へカテゴリータブを設置し、ボタンを押すと該当内容を表示 2週間

その他LP5件、静的HP4件、WP制作8件、改修案件8件


― アニメーション実装

pinslide.gif

スライドが重なるアニメーション

スクロールに連動して、次のスライドが下から重なるように表示されるアニメーションです。通常の切り替えよりも動きに奥行きが生まれ、視線を自然に次のコンテンツへ誘導できるよう意識して設計しています。単調になりやすい画面遷移に変化をつけることで、印象に残りやすい見せ方に仕上げています。

フローセクション.gif

フローセクション:スクロール連動

スクロールに連動して縦のラインが伸びていくアニメーションを取り入れています。画面の動きに合わせてラインが順番に表示されることで、各ステップのつながりが視覚的に伝わりやすくなり、情報の流れを自然に追えるようにしています。装飾としての見せ方だけでなく、ユーザーの視線を誘導しながら内容を整理して見せることを意識しました。

斜めの無限スライダー.gif

斜めの無限スライダー

スライダーの流れを斜め方向に設計することで、一般的な横スライドとは異なる動きのある見せ方にしています。横方向のスライダーに比べて画面に変化が出しやすく、複数の写真を使った構成でも単調にならないよう工夫しています。ファーストビューでしっかり印象を残せるよう、動きとレイアウトの両方で見せ方を調整しています。

― その他アニメーション実装

Untitled

◆ 経歴

宮城県のWEB制作会社・広告代理店にて、WEBコーダーとして経験を積み、企業サイトやサービスサイトなどの制作に携わっています。主にコーディングを中心とした制作業務を担当しながら、WEBデザインにも対応できるスキルを活かし、制作に取り組んでいます。


◆ 出来ること