bernese work

コンセプトと想い 親しみやすさと、わかりやすさ、見やすさを意識。
多様性を尊重する企業に添い、性別や年齢を絞らないようなデザインを心がけた。

制作期間 約半年
ヒアリング、企画、提案、フレームデザイン作成、コーディング、 修正、画像加工、文章作成、全体のコンサルティングなど全工程。

技術や仕様 WordPressと販売テーマTHORを利用して作成。
スライドショーや各要素の動きなどjsとPHPを大幅に変更しカスタマイズ。
文章作成や画像選定も大半部分で担当。

言語や環境 WordPress
HTML/CSS
PHP
js（jQuery）

要望や期待に対して 一般的なBtoBの固いイメージを脱したいとクライアントの要望に加え、 企業の理念である多様性と輪（和）を意識した丸いオブジェクトの配置、 色使い、シンプルで万人にとって見易いを意識した。

コンセプトと想い クライアントからのテーマカラーの要望と、俳優本人のイメージを思わせる 洗練され落ち着いたデザインに仕上げました。

制作期間 約３ヶ月
ヒアリング、企画、提案、フレームデザイン作成、コーディング、 修正、画像加工、文章作成、全体のコンサルティングなど全工程。 また、旧サイトからの仕様や機能を新技術へ継承させるための提案。

技術や仕様 WordPressと販売テーマTHORを利用して作成。
会員登録の際の情報を決済サービスへ受け渡すプログラミングや、会員情報の項目追加、 カスタム投稿の追加、ループの作成から、条件分岐でのページ表示、プラグインによるダウンロード機能、 CSSデザインまでトータル。

言語や環境 WordPress
HTML/CSS
PHP
js（jQuery）

要望や期待に対して 今までの会員管理よりシンプルに使いやすく、なおかつユーザーにとっても 見た目も機能も今の時代に合わせたもの、という希望に合わせデザインと機能を提案した。 また、運営側の更新や要素追加も容易になるようにカスタム投稿などを設定。

コンセプトと想い 新宿二丁目の夜の雰囲気、ギラギラと賑やかな感じと色々な人々が集まる多種多様姓を前面にだした。

制作期間 約半年
ヒアリング、企画、提案、フレームデザイン作成、コーディング、 修正、画像加工、文章作成、店舗営業回り、情報フォームの作成、Excel・CSVの管理、全体のコンサルティングなど全工程。

技術や仕様 WordPressと販売テーマTHORを利用して作成。
スライドショーや各要素の動きなどjsとPHPを大幅に変更しカスタマイズ。
文章作成や画像選定も大半部分で担当。
シャッフルのプログラミングやタグ・カテゴリでの一覧表示など遊び要素も追加。

言語や環境 WordPress
HTML/CSS
PHP
js（jQuery）

要望や期待に対して 新宿二丁目に通い慣れている人も、初めての人にも雰囲気が伝わりやすく、なおかつ情報が見易いことを最優先にした。
またLGBTの街なので、性別を問わないようなデザインも心がけた。

コンセプトと想い デザイン案に基づきコーディング。なるべくどの端末で見てもデザイナーの案に沿うようにレスポンシブ のデザインをCSSに指定。

制作期間 約３ヶ月
主にコーディング。

技術や仕様 WordPressと販売テーマEVERYを利用して作成。
主にメインビジュアルを大きく改変。その他ループやカスタム投稿の作成、レスポンシブ対応のCSSデザイン。

言語や環境 WordPress
HTML/CSS
PHP
js（jQuery）

要望や期待に対して デザイナーの細かな要望に応じ、細かくブレイクポイントごとにCSSを設定。 また、運営側の更新や要素追加も容易になるようにカスタム投稿などを設定。

コンセプトと想い デザイン案に基づきコーディング。細かく画像やイラストが決まっていたため、 どの端末で見てもデザイナーの案に沿うようにレスポンシブのデザインをCSSに詳細に指定。

制作期間 約３ヶ月
主にコーディング。

技術や仕様 WordPressでオリジナルテーマを作成。
記事ループ、メニューのアコーディオン、プラグインを使用してのイベントカレンダーのカスタマイズ

言語や環境 WordPress
HTML/CSS
PHP
js（jQuery）

要望や期待に対して デザイナーの細かな要望に応じ、細かくブレイクポイントごとにCSSを設定。 また、運営側の更新や要素追加も容易になるようにカスタム投稿などを設定。

コンセプトと想い店の中南米のイメージをそのまま感じさせるような背景色と画像で楽しい雰囲気にしあげた。
要素やテキストは最小限にわかりやすくなるようにした。

制作期間 約２ヶ月
主にコーディング。

技術や仕様WordPressオリジナルテーマを作成。
スライドショーのjsカスタマイズやCSSでのアニメーションを多用し、カジュアルで動きのあるサイトに仕上げた。

言語や環境 WordPress
HTML/CSS
PHP
js（jQuery）

要望や期待に対してデザイナーの原案に沿うようにレスポンシブを細かく調整し、楽しい雰囲気になるようCSSで動きも添加。

コンセプトと想い 店のイメージに近い「ネオアジア」や「サイバーパンク」の世界観をもとにしたデザイナーからのデザイン案を忠実に再現できるよう心がけた。

制作期間 約３ヶ月
主にコーディング。

技術や仕様WordPressオリジナルテーマを作成。
スライドショーのjsカスタマイズ、記事の自動投稿、ループの表示順のカスタマイズなどPHPやjs領域も多く担当。

言語や環境 WordPress
HTML/CSS
PHP
js（jQuery）

要望や期待に対してデザイナーの原案に沿うようにレスポンシブを細かく調整し、ブレイクポイントの細かな設定や画像の比率の詳細指定などに注力した。

コンセプトと想い 陽気でサイケな世界観をもとにしたデザイナーからの案をもとに、フォントやカラーの選定とコーディングを担当した。

制作期間 約２ヶ月
主にコーディング。

技術や仕様WordPressオリジナルテーマを作成。

言語や環境 WordPress
HTML/CSS
PHP
js（jQuery）

要望や期待に対してデザイナーとの折衝で、レスポンシブによるデザインの変化を細かく設定。

コンセプトと想い 昭和から渋谷の中心に存在する雑居（ソーシャル）ビル。 昭和のレトロ感と雑居ビルの活気、懐かしさなどを意識したデザイン。

制作期間 約２ヶ月
ヒアリング、企画、提案、フレームデザイン作成、コーディング、 修正、画像加工、文章作成、全体のコンサルティングなど全工程。

技術や仕様 WordPressと販売テーマTHORを利用して作成。
スライドショーや各要素の動きなどjsとPHPを大幅に変更しカスタマイズ。
画像作成も担当。文章は大枠で担当。

言語や環境 WordPress
HTML/CSS
PHP
js（jQuery）

要望や期待に対して ビルへのテナント問い合わせや、現在地の天気表示などのクライアント要望に応え、 ユーザーにわかりやすく設置。 ITに不得手なクライアントだったため、ホームページの運用に関する情報や 現代のWebの現状などを細かく説明しクライアントが運用しやすい形を提案。

コンセプトと想い

制作期間約0.5ヶ月
ヒアリング、企画、提案、修正、画像加工、文章作成、全体のコンサルティングなど全工程。

                                               技術や仕様主にPhotoshopとIllustratorで素材作成、VScodeでのHTMLとCSSとjsのコーディング。                                            

言語や環境 WordPress
HTML/CSS
PHP
js（jQuery）

要望や期待に対して ユーザーからの問い合わせを増やし企業の知名度を上げるため、 まずは誘目性を意識、伝えたいワードを前面に。
他の折込に見劣らないような目立つデザインと、かつ情報過多にならないように要素を必要最低限にした。

コンセプトと想い

制作期間約0.5ヶ月
ヒアリング、企画、提案、修正、画像加工、文章作成、全体のコンサルティングなど全工程。

                                               技術や仕様主にPhotoshopとIllustratorで素材作成、VScodeでのHTMLとCSSとjsのコーディング。                                            

言語や環境 WordPress
HTML/CSS
PHP
js（jQuery）

要望や期待に対して ユーザーからの問い合わせを増やし企業の知名度を上げるため、 まずは誘目性を意識、伝えたいワードを前面に。
他の折込に見劣らないような目立つデザインと、かつ情報過多にならないように要素を必要最低限にした。

コンセプトと想い

制作期間約0.5ヶ月
ヒアリング、企画、提案、修正、画像加工、文章作成、全体のコンサルティングなど全工程。

                                               技術や仕様主にPhotoshopとIllustratorで素材作成、VScodeでのHTMLとCSSとjsのコーディング。                                            

言語や環境 WordPress
HTML/CSS
PHP
js（jQuery）

要望や期待に対して ユーザーからの問い合わせを増やし企業の知名度を上げるため、 まずは誘目性を意識、伝えたいワードを前面に。
他の折込に見劣らないような目立つデザインと、かつ情報過多にならないように要素を必要最低限にした。