PORT
FOLIO
JUN AZECHI

PORT
FOLIO
JUN AZECHI

Works - archive

37cafe

more view

37cafe

WordPress構築

コーディング

デザイン

アスリート自習室

more view

アスリート自習室

WordPress構築

コーディング

デザイン

Eyelash&Nail salon Rabbit+

more view

Eyelash&Nail salon Rabbit+

WordPress構築

コーディング

デザイン

行政書士 近藤あきお事務所

more view

行政書士 近藤あきお事務所

WordPress構築

コーディング

デザイン

株式会社みな食品

more view

株式会社みな食品

WordPress構築

コーディング

デザイン

マリッジカルチャー協会JAPAN

more view

マリッジカルチャー協会JAPAN

WordPress構築

コーディング

デザイン

ZETTON CORPORATION

more view

ZETTON CORPORATION

WordPress構築

コーディング

デザイン

Le Rokujian

more view

Le Rokujian

WordPress構築

コーディング

デザイン

Akira Ito

more view

Akira Ito

WordPress構築

コーディング

デザイン

LA ORG

more view

LA ORG

WordPress構築

コーディング

デザイン

more view

kyoemeguro

WordPress構築

コーディング

デザイン

37cafe

WordPress構築

コーディング

デザイン

カフェという特性上、スマホからの検索が多いことを考慮し、モバイルファーストで制作を進めました。
デザイン面では、画像配置や装飾を工夫することで、シンプルになりすぎないバランスを意識しました。
また、メニュー管理にはカスタム投稿とカスタムフィールドを活用し、簡単な入力で更新ができるよう実装しました。

制作期間:1ヶ月弱

×

アスリート自習室

WordPress構築

コーディング

デザイン

女性に安心感の伝わるサイトにしたいとのことだったため、温かみのある色合いと女性らしいピンクのカラーをアクセントカラーとして使用しました。
特徴や情報がパッと伝わるようにイラストを使用して堅苦しくならないようなデザインに仕上げました。
カスタムフィールドを使用して大体の説明文や画像はクライアント様によって変更や追加ができるように実装させていただきました。

制作期間:約1ヶ月半

×

Eyelash&Nail salon Rabbit+

WordPress構築

コーディング

デザイン

海外風のデザインをご希望とのことでしたので、外国人が写った画像を使用し、雰囲気を演出しました。
メニューはカスタムフィールドを活用し、簡単に追加・修正ができるよう実装することで、使いやすさを追求しています。
さらに、エクステバリエーションに使用するイラストも新たに作成し、デザイン性を高めました。

制作期間:約1ヶ月

×

行政書士 近藤あきお事務所

WordPress構築

コーディング

デザイン

お問い合わせや依頼の増加を目指し、CTAボタンをヘッダーに配置し、追尾機能を付けることで常に表示される設計にしました。
また、アクセントカラーに青を採用し、信頼感を高めるデザインを心掛けています。
内容がやや難解であることを考慮し、理解しやすいよう画像やイラストを多用した構成にしました。

制作期間:約1ヶ月半

×

株式会社みな食品

WordPress構築

コーディング

デザイン

豚足専門店という特徴を活かし、豚のイラストを用いてポップで可愛らしいデザインを演出しました。
また、セクションタイトルには豚の足跡を取り入れるなど、遊び心を感じられる要素を随所に散りばめています。
新商品には「NEW」タグを表示する仕組みをタクソノミーを活用して実装。チェックボックスで簡単にタグの付与を設定できるようにすることで、管理の利便性を高めました。

制作期間:約3週間

×

マリッジカルチャー協会JAPAN

WordPress構築

コーディング

デザイン

「幸せ」「平和」「元気」をテーマに、協会のロゴからカラーを抽出し、ほんわかとしたブラーをかけた背景で温かみのあるデザインに仕上げました。
ページの随所に協会のキャラクターやカラフルな円を取り入れ、バランスを見ながら遊び心を加えました。
すっきりとした見た目を重視し、初めての試みとしてお知らせコンテンツのカテゴリー切り替えをプルダウンメニューで実装しました。
さらに、イベント一覧ではタクソノミーを活用し、イベントの開催状況を簡単に設定できるようにしました。

制作期間:約1ヶ月半

×

ZETTON CORPORATION

WordPress構築

コーディング

デザイン

コンテンツを斜めにカットした斬新なデザインで、遊び心を演出しました。
トップページの事例から該当する事例にジャンプした際、正確にその事例のページが表示されるように実装し、訪問者が求めているコンテンツをスムーズに届けられるようにしました。
また、フェードインや背景固定などのアニメーションを取り入れ、上級な印象のサイトに仕上げました。

制作期間:約2ヶ月

×

Le Rokujian

WordPress構築

コーディング

デザイン

ブラックを基調とした高級感のあるデザインに仕上げました。
おまかせコースの内容は頻繁に変更があるため、カスタムフィールドを使用して実装しました。
英語ページはプラグインを使用せず、独自に英訳サイトを作成し、簡単に切り替えができるようにしました。
また、アニメーションを取り入れることで、上品さを演出しています。

制作期間:約1ヶ月

×

Akira Ito

WordPress構築

コーディング

デザイン

シンプルなサイトをご要望いただいたため、モノクロを基調に余白や画像配置に工夫を凝らし、少し遊び心を加えたデザインに仕上げました。
画像一覧では、縦横のサイズを統一し、展示品のような演出を施しました。
フォトグラファーにちなんで、ロード画面ではカメラのシャッターアニメーションを使用しました。

制作期間:約3週間

×

LA ORG

WordPress構築

コーディング

デザイン

黒を基調とし、デジタル感あふれるサイトデザインに仕上げました。
スムーススクロールを実装し、洗練された印象を与えるサイトにしました。
投稿ページではカスタムフィールドを使用し、動画やレスポンシブデザインのモックアップを簡単に追加できるように実装しました。

制作期間:約3週間

×

kyoemeguro

WordPress構築

コーディング

デザイン

初めての実務サイト制作で、オリジナルテーマを使ったWordPress構築を学びながら作成したサイトです。
画像や文章の多くは、クライアント様自身で変更できるように、カスタムフィールドを活用して実装しました。

制作期間:約1ヶ月半

×