Coding Illustration

リノベーション会社コーポレートサイト

リノベーション会社コーポレートサイト

Sumtimesが掲げる「自由に暮らしに合わせた住まいを選択し、実現できる社会」という理念を大切にしながら、リノベーション会社のWebサイトのコーディングとイラスト制作を担当しました。

本サイトはWordPressを採用し、オリジナルテーマを構築。
ブログ記事のカスタマイズには自作のショートコードを活用し、運用面での柔軟性と効率性を両立しています。
また、Google Places APIと連携し、企業の口コミ情報を自動取得・表示する機能も実装しました。

さらに、Sumtimesならではの“お客様に寄り添うやさしさ”を、温かみのあるイラストで表現。
ブランドの世界観をより伝えやすくするデザインを目指しました。

完成イメージ

DETAILS

制作背景

このプロジェクトでは、デザイナーと共同で制作を進めました。デザイナーからの要望は、「優しく丁寧に編まれるホスピタリティ」 を表現すること。そこで、事前に提供されたカラーパレットを基にイラストを作成しました。
テキスタイルの質感や、シンプルでありながら温かみのある北欧のイラスト を参考にし、洗練されたデザインと温もりが共存するビジュアルを目指しました。

配色

使用技術・ツール

  • Illustrator
  • Photoshop
  • Figma
  • HTML
  • SCSS
  • Javascript
  • Wordpress
  • Google Places API

制作期間

2ヶ月(イラスト制作・コーディング)

PC

※スマホ版のデザインは縦長になるため、PC版と並べて比較しやすいように、一部をカットして掲載しています。
実際のサイトではスムーズにスクロールできます。