ABOUT

Less is more. 少ないほうが豊かである。
ミース・ファン・デル・ローエの残した考え方を私のモットー。

大学にて情報デザインを専攻し、情報の構造化や視覚伝達の基礎理論を習得。情報を優先順位に基づき構造化することを得意としています。 ユーザーが直感的に理解できるレイアウトやナビゲーションを設計すること、そしてインフォグラフィックス等のイラストなども用いて、 情報の「伝わりやすさ」を意識したコンテンツ作りを心がけています。

WEB サイト

Google Cloud PlatformやCloudflare Pagesを使用した、格安運用を目的とする小規模静的サイト作りが得意です。 サーバー代を無料で運用できることが強みで、サイトの更新が少ない場合やページ数が少ない場合にとてもおすすめです。
Wordpressのようにご自身で記事の更新などを行いたい場合はヘッドレスCMS(microCMS)を採用しています。
フリープランでも、お知らせなどの記事投稿に加えてタグ付けが行えるので最低限の機能で良い場合におすすめです。
フロントサイドはReactを主に使っています。framer-motionを使って動きのあるページの構築が可能です。このサイトもReactで作成しています。

ドキュメントサイト

ドキュメントに特化したReactベースのフレームワークDocusaurusを使用したマニュアル・ヘルプサイトの作成が可能です。
仕様の可視化やガイドラインの策定といったドキュメント作成に注力しています。「複雑な概念を整理し、誰にでもわかる形にアウトプットする」ことで、チーム内の共通認識を形成し、プロジェクトの円滑な進行をサポートします。

WordPress

さくらインターネットなどのレンタルーサーバー上での構築やオリジナルテンプレートの作成、プラグインに頼らないカスタム投稿タイプの設定などが可能です。 Pingによるサイトの死活監視・SiteGuard WPを使用した不正ログイン監視、UpdraftPlusでの定期バックアップ、プラグインアップデートの保守も可能です。

GRAPHIC

Adobe Illustrator

BtoB向けのシンプルでわかりやすいデザインが得意です。
・ラクスルやアクセスなどオンライン印刷通販プラットフォームに対応したチラシ、ポスターやチラシ、説明書作り
・ロゴの作成
・金型加工用に画像や印刷した紙媒体データのイラストやロゴをベジェ曲線化

Adobe Premiere Pro

主にVlog向けの動画編集が可能です。
・動画のトリミング、繋ぎ合わせ、テロップ挿入、音楽挿入
・YouTube向けサムネイル作成
・一眼レフカメラやiPhoneを使用した写真や動画の撮影(プロレベルではないため勉強中)

Adobe Aftereffects

インフォグラフィック風でシンプルなデザインのアニメーションを作ることができます。
構造や仕組みなどの説明などに向いています。

3DCG

Blenderを用いたキャラクターのモデリング、簡易のアニメーションの作成が可能です。
AfterEffectsよりリッチなアイソメトリック系アニメーションを作ることができ、ホームページの挿絵などにも使うことができます。
実写テイスト、VFXに関して現在勉強中です。

ILLUSTRATION

説明書などに使う部品のイラストなど、テクニカルイラスト風な図の作成が可能です。
キャラクターの作成や挿絵の作成、またLive2Dを使用した動画撮影用のモデリング・アニメーションを作成できます。

WEB システム

React(Vite / Next.js)を用いたインタラクティブなフロントエンド開発と、AWS Amplifyを活用した迅速なバックエンド構築が可能です。 データはDynamoDBを基本としつつ、要件に応じてKintoneなどの外部DB連携や、Lambdaを用いた柔軟なAPI開発も経験しています。 セキュリティ面では、WAFやCloudFrontによる防御策の実装、GuardDuty等の監視サービスを用いた継続的なセキュリティチェックも可能です。

UIデザイン

誰もが迷わず使える、直感的なUIデザインを追求しています。 派手さはありませんが、ユーザーにとって本当に使いやすい、堅実で信頼感のあるUIを提供できるよう努めています。
将来的には、アクセシビリティに関する深い知識と実装力を兼ね備えたUIデザイナーとして、より多くの人々にとって快適なデジタル環境の実現に貢献したいと考えています。

実績

タクシー会社や洋裁教室のHP構築

小規模でほぼ更新のない静的なサイトの保守を5年以上行っています。
サイトはReactで構築。レンタルサーバーで運用してきましたが、途中からCloudflare Pagesに切り替えさらなる経費削減を行いました。
メールフォームはセキュリティ対策のため外部システムを使用(Formrun)、その他アクセス数の確認のためにGoogle アナリティクスを導入しました。

プレミアムクーポン券のサイト構築

レンタルサーバー上でWordpressを使用。テーマはオリジナルテンプレートを制作し、参加店舗一覧の表示まわりではカスタム投稿フィールドとタグを使用して構築しました。
実際には使用されなかったものの、事務局からのお知らせだけではなく、店舗からのお知らせを発信することも可能にしてあり、店舗の詳細ページで個別に記事の一覧を閲覧する機能を設けました。

ブログの構築・保守

海外コンテンツを翻訳した記事を掲載するブログをレンタルサーバー上のWordPressで構築、2年ほど保守を行いました。
更新頻度は月2,3回でPVは少ない規模のサイトで、不具合発生時には発覚から三日以内には閲覧できる状態にすることを目安とし、週1回程度ローカルへのバックアップを運用していました。
またNPO団体のブログも半年ほど保守した経験があります。毎日一度の頻度でバックアップを実施、オンラインとローカルの両方でバックアップを作成、データは五日間を保持していました。
テスト環境も作成し、本番と同じ環境を再現しプラグインなどのアップデートを行いバグが発生しないかのチェックなどを行い、同時に本番環境で問題が発生した場合の避難先として運用。
二段階認証を導入するなどセキュリティ強化にも努めました。

通販サイト

楽天・Amazonで玩具・Tシャツ等の洋服・鞄を取り扱うブランドを出品・作業経験あり。

ARTWORKS

クリックで詳細を表示

CONTACT