loading 50%…
portfolio of
Yukiko Arai
WEBデザイナー / グラフィックデザイナー /
フロントエンドエンジニア
SCROLL
経歴
WEBデザイナー/グラフィックデザイナー/フロントエンドエンジニア。
グラフィックデザイナーとして5年、ウェブデザイナーとして5年の実務経験ののち現在フリーランスデザイナーとして活動中。
主なスキル
- WEBサイトデザイン
- グラフィックデザイン
- アプリUIデザイン
- HTML/CSS/Javascriptコーディング
- WordPressサイト構築
得意としていること
分かりやすい構成整理、使いやすいUI設計、目的とターゲットに合わせたデザインテイストのご提案を得意としています。
WEBサイトデザイン、HTMLコーディング、JavaScript実装、WordPressの組込みまで対応いたします。 紙媒体のグラフィックデザイン、アプリUIデザインもご依頼いただけます。 詳しくは詳細をご覧ください。
-
WEB DESIGN
Sketch / Adobe XD / illustrator / Photoshop
-
GRAPHIC DESIGN
illustrator / Photoshop / InDesign
-
APP UI DESIGN / PROTOTYPING
Sketch / Invision / Adobe XD
-
HTML5 / CSS / JavaScript
HTML / CSS / Sass / JavaScript / Gulp
-
WORDPRESS
WordPress / PHP
WEB
WEB制作会社に在籍中の5年間で、キャンペーンサイト・LP・アプリ制作などにデザイナーとして参加。目的やターゲットに合わせた適切な構成/デザイン/UI設計をご提案いたします。デザインのみ・コーディングのみのご依頼も可能です。
GRAPHIC
グラフィック制作会社在籍中の5年間でセールスプロモーション用のポスター、リーフレット、カタログ、チラシ、店内POPなどの制作にデザイナーとして参加。ターゲットに合わせたデザインテイストのご提案を得意としています。
スキル |
実務経験 |
ツール、言語など |
WEBサイトデザイン |
◎ |
Sketch、Adobe XD、illustrator、Photoshop |
キャンペーン用サイト、LP、小規模なコーポレートサイトなどで多数実務経験があります。 |
グラフィックデザイン |
◎ |
illustrator、Photoshop、InDesign |
ポスター、リーフレット、チラシ、名刺、店頭POPなどで多数入稿経験があります。 |
アプリUIデザイン |
○ |
Sketch、Adobe XD |
主にSketchを使用してUIパーツ、画面デザインを作成します。 |
プロトタイプ作成 |
○ |
Sketch / Invision |
アプリの簡単なプロトタイプを作成します。 |
資料作成 |
○ |
PowerPoint 、Exel 、Googleスライド、Googleスプレッドシート |
サイトマップ、UIの解説、管理画面用の使い方など必要があれば資料作成いたします。 |
サイトコーディング |
◎ |
HTML / CSS (Sass) /JavaScript |
IE10以下には対応しておりません。 |
JavScript実装 |
○ |
JavaScript / jQuery |
アプリ開発など、実装の難易度によっては別途エンジニアのアサインをお願いする場合があります。 |
WordPressサイト構築 |
◎ |
WordPress |
テーマのカスタマイズ、プラグインの選定などをしてサイトを構築します。 |
サーバー構築、バックエンド開発 |
✗ |
|
サーバーの構築、バックエンド開発が必要な場合は別途エンジニアのアサインをお願いいたします。 |
ユリカミュージックスクール
サイトリニューアル
- 担当
- 構成 / デザイン / WordPressサイト構築 / サーバー移管
- URL
- https://www.yurikaviolinschool.jp/
- 概要
- 既存サイトのデザインリニューアルを担当。代表自ら頻繁に更新されているブログが一番の魅力だったので、関連したブログ投稿を各レッスン紹介ページに表示させるなど、サイト内で回遊していただけるよう構成。サイトテーマカスタマイズ・レスポンシブコーディング・WordPress実装・レンタルサーバーの移管代行を担当しました。
神奈川芸術協会サイトリニューアル
- 担当
- コーディング / WordPress組込み
※ディレクション/デザイン : 曽根義也デザイン事務所
- URL
- https://kanagawa-geikyo.com/
- 概要
- コーディングとWordPressサイト構築、サーバー移管を担当。
コンサート情報の月ごとのソート機能、検索機能、カレンダー機能、ブログ、アンコール情報、問い合わせ機能を実装。
ユーザーから「コンサート情報が見やすく、使いやすくなった」との声をいただき、また、担当者様からも「更新がとても楽になった」との声をいただいております。
築地朝塾サイト / 会員限定ページ 構築
- 担当
- 構成 / デザイン / CMS組込み(Wix.com使用)
- URL
- https://www.tsukiji-asajuku.jp/
- 概要
- 会員ログイン機能・閲覧制限付きの会員ページ・支払いフォーム付きの申し込みページを最小限のコストで実現したいという依頼を受け、Wix.comでサイトを構築。
上記機能に加えてWix.comのCMS機能を使って各種更新用の投稿ページも作成しています。
DM form LP
- 担当
- デザイン / コーディング
- URL
- https://dmform.site
- 概要
- コンタクトフォームに営業メールを自動で送るサービスのLP。
JavaScriptによるアニメーションの実装でITサービスらしいテイストの信頼感が感じられるデザインにしています。
temanaパートナー LP
- 担当
- 構成 / デザイン / コーディング
- URL
- 公開終了
- 概要
- 在宅デザイナー・エンジニアの募集ページ。どのような人材に応募して欲しいか丁寧にヒアリングし、ページ構成やデザインテイストを提案。 ページ構成、デザイン、コーディング、アニメーション実装を担当しました。
unknownCASE inc. リーフレット
- 担当
- 構成 / デザイン
- 概要
- 3DCG制作会社「unknownCASE inc.」の会社紹介リーフレット。「コーポレートカラーのオレンジを使用してクールな雰囲気のリーフレットにしたい」というご要望を受けて、 サンプルになる画像を見ながらどのようなテイストにするかヒアリング。クールな印象のデザインに仕上げました。
福田交易 耐熱ベアリング カタログ
- 担当
- デザイン
- 概要
- 「耐熱」であることをアピールしたビジュアルの表紙でスペックカタログを作りたいというご依頼で制作。
赤色をキーカラーにし、耐熱ベアリングの使用用途に関連した写真をデザインに使用することで、必要としている方にひと目で伝わる表紙に仕上げています。
福田交易 展示会用パネル ビジュアル
- 担当
- 3Dビジュアル制作 / デザイン
- 概要
- 展示会で使用するパネルのビジュアルデザインを担当しました。
おせち同梱用リーフレット
- 担当
- 構成 / デザイン / 撮影ディレクション
- 概要
- おせちに同梱するレシピ&読み物リーフレット。フードコーディネーターと相談しながら上品で少し可愛らしい雰囲気がでるように全体を構成。撮影ディレクションと冊子デザインを担当しました。
男性エステコース用
タクシーリーフレット
- 担当
- 構成 / デザイン
- 概要
- タクシーに設置するハガキサイズのミニリーフレット。 キャッチーでくすっと笑えるような読み物に仕上げたいということでイラストレーターと相談しながら全体を構成。構成とデザインを担当しています。