ログイン

PORTFOLIO

01 ABOUT

Kanazawa Senri
金澤 千里
生年月日

1990年5月5日

出 身

広島県福山市

好きなもの・こと

レイトショーで映画を観る
ドライブ、写真、80’sハードロック

現職

レタープレス株式会社(2017年~)Webデザイナー

前職

株式会社ToIRo(2014年~2017年)Webデザイナー

02 SKILLS

Webデザイン

Figma / Adobe XD / Photoshop

Web開発(フロントエンド、バックエンド)

HTML / CSS(SCSS) / JavaScript / Vue.js / Astro / PHP
WordPress / microCMS

その他

写真撮影 / チームマネジメント / ディレクション

個人開発・勉強中

React / Next.js / Docker / Git

現職の肩書はWebデザイナーですが、プロジェクト立ち上げ時のクライアントへのヒアリングから始まり、サイト設計、デザイン、フロントエンド構築・開発、バックエンド開発まで、一貫して対応してきました。

プロジェクトの課題に対して、デザイン視点と開発観点の両方からアプローチすることを得意としています。

03 PRODUCTS

広島県医師会devicesWebサイト

広島県医師会様の公式サイトをリニューアルしました。ターゲットユーザー別にページを再カテゴライズし、サイト階層を浅く保つことで、医師会が発信したい情報と利用者が求める情報を簡単に見つけられるように構成しています。研修会の申し込みフォームなど新規追加の頻度が高いものはテンプレート化し、再利用しやすくすることで、開発プロセスの効率化を実現しました。

要件定義 / サイト設計 / デザイン
フロントエンド構築・開発 / バックエンド開発

Figma / HTML / CSS / PHP / JavaScript / Vue.js / WordPress

日本分析化学会devicesWebサイト

別の学会様のサイトリニューアル後、利用者から「使いやすいので自学会サイトのリニューアルもお願いしたい」との依頼を受け、デザインコンペを経て受注しました。旧サイトはサイト構成だけでなく、動作の遅さと改修の手間にも課題がありました。REST APIを用いて必要な情報のみを取得・表示するよう改善した結果、表示速度が向上し、お客様にもご満足いただいております。

要件定義 / サイト設計 / デザイン
フロントエンド構築・開発 / バックエンド開発

Figma / HTML / CSS / PHP / JavaScript / Vue.js / WordPress

自社の制作実績サイトをリニューアルしました。
コンテンツ管理には貴社のmicroCMSを採用させていただきました。制作実績の追加を担当するのはWeb制作の部署ではないため、反映のタイムラグを最小限に抑えるために、Astroのアイランドを利用してクライアントサイドでコンテンツを取得・表示する仕組みを導入しました。

サイト設計 / デザイン
フロントエンド構築・開発 / バックエンド開発

Figma / HTML / CSS / JavaScript / Vue.js / Astro / microCMS

学術大会用テンプレート

初回公開までの開発期間が短い案件が多いため、テンプレート化することで効率化を図り、開発コストを抑えるようにしました。ページ内の要素は再利用しやすいように設計し、メニュー構成もソースコードではなく設定ファイルの変更で対応できるようにしています。これにより、ローコードでWebサイトを構築・管理できるようになり、非技術者でも効率的に運用できる仕組みを提供しました。

サイト設計 / デザイン
フロントエンド構築・開発 / バックエンド開発

Figma / HTML / CSS / JavaScript / Astro / Python(データ変換ツール)