2024年
■クライアント:関内イノベーションイニシアティブ株式会社
■サイトURL:https://yokohamafoodlovers.jp/
■担当箇所:サイト構成・サイトデザイン・コーディング・WordPress組み込み・イラスト制作
(アニメーションは社内エンジニアが担当)
■スキル:Figma・HTML5・CSS3・Jquery・WordPress・Adobe illustrator
■機能:カスタム投稿機能
■サイトコンセプト:
メディアサイトのリニューアル制作を担当しました。
サイトのリニューアルのため、元々あった太字のロゴからデザインイメージを広げました。ロゴにある"目"や"ハート"のモチーフを細いグラデーションにして配置し、YOKOHAMA FOOD LOVERSの文字を左右に動かすアニメーションを採用してにぎやかな印象にしました。
記事を書くのが飲食店の常連さんということから、コミカルで楽しげな常連さんのイラストを描きました。
2024年
■クライアント:男山株式会社
■サイトURL:https://sake-park.otokoyama.com/
■担当箇所:サイトディレクション・STUDIOコーディング
■スキル:STUDIO
■サイトコンセプト:OTOKOYAMA SAKE PARKのLPを制作しました。
予算が限られていることから、STUDIOを採用。
デザインはSTUDIOのテンプレートから、必要な構成に外部のデザイナーさんに作成していただき、細かい表示やアニメーションを調整して公開しました。
2024年
■クライアント:関内イノベーションイニシアティブ
■サイトURL:https://jikemirai.info/
■担当箇所:サイト構成・サイトデザイン・コーディング・WordPress組み込み・イラスト制作・チラシ制作
■スキル:Adobe XD ・HTML5・CSS3・WordPress・Adobe illustrator
■機能:WordpressテンプレートSWELL
■サイトコンセプト:
横浜市から委託を受けた地域再生プロジェクトのプロジェクトサイトです。
3年間行われるプロジェクトで、一年ごとに募集をかけてワークショップやイベントを行います。
そのため、アーカイブを残しつつなるべくコスト下げたいということから、ブログ機能に特化したWordpressテンプレートのSWELLを採用して構築しました。
プロジェクトの案からチラシデザイン・サイト制作と一貫して担当させていただきました。
2023年
■クライアント:ライティングデザインスタジオ LUME
■サイトURL:https://studiolume.com/
■担当箇所:サイト構成・コーディング・WordPress組み込み
■スキル:Adobe XD ・HTML5・CSS3・Jquery・Bootstrap・WordPress
■機能:カスタム投稿機能・お問い合わせ機能
■サイトコンセプト:
コーポレイトサイトのリニューアルをしました。
ライティングデザイン会社とういことから、色が灯るイメージでカーソルを合わせるとモノクロからカラーになるにアニメーションを取り入れました。
また、シンプルにしたいということからポップアップで情報が見れるような仕組みにしました。
■クライアント:Culture All Nippon
■サイトURL:https://culture-all-nippon.jp/super-t-market/
■担当箇所:サイトデザイン・コーディング・WordPress組み込み
■スキル:Adobe XD ・HTML5・CSS3・Jquery・Bootstrap・WordPress
■機能:カスタム投稿機能・お問い合わせ機能
■サイトコンセプト:
イベントサイトの制作を担当しました。
「SUPER T マーケット」という2日間開催される有料イベントのサイトで、チケットが販売開始のティザーサイト・販売中のサイト・販売後のページ更新を行いました。
オランダでも行われたイベントなのでオランダの時の写真や動画を配置し、雰囲気がわかるようなサイトデザインにしました。機能面では、登壇者が随時更新されるのでカスタム投稿機能の設定やスケジュールも担当者が更新しやすいように投稿のデザインもしました。
■クライアント:手話マップ
■サイトURL:https://shuwamap.com/
■担当箇所:サイトデザイン・コーディング・WordPress組み込み
■スキル:Adobe XD ・HTML5・CSS3・Jquery・Bootstrap・WordPress
■機能:カスタム投稿機能・お問い合わせ機能
■サイトコンセプト:
メディアサイトの制作を担当しました。
美術館・博物館を中心に手話など情報保障のあるプログラムをご紹介する聴覚障害者の方向けのメディアサイトです。
「イベント(情報保障のプログラム紹介)」「レポート(プログラムに参加したレポート)」「動画(美術館・博物館にて行われた聴覚障害者向けの手話解説)」と3つのコンテンツをトップページに集約し、メニューやタグなどで絞り込みしやすいよう工夫しました。
■クライアント:Hana Counseling & Coaching LLC
■サイトURL:https://hanacounseling.com/
■担当箇所:サイトデザイン・コーディング・WordPress組み込み
■スキル:Adobe XD ・HTML5・CSS3・Jquery・Bootstrap・WordPress
■機能:多言語機能・カスタム投稿機能・メルマガ登録(メールチンプ連携)・お問い合わせ機能
■サイトコンセプト:
アメリカを拠点にされているカウンセラーさんのサイトです。
英語と日本語ページがあり多言語サイトとなっております。
英日と更新しやすいように、カスタム投稿タイプを作成しました。
また、投稿したものが同じURLになるようにプラグインの「bogo」を使用し、投稿を複製するだけで英日ページが作成されます。