Purple Flower

株式会社プラスジャム

WEB制作会社 ランディングページ制作

PLUSJAM

Purple Flower

株式会社プラスジャム

WEB制作会社 ランディングページ制作

PLUSJAM

Purple Flower

株式会社プラスジャム

WEB制作会社 ランディングページ制作

PLUSJAM

Project Overview

Project Overview

Client ｜ Plusjam Duration｜2023.7 -2023.8 Service｜Landing Page #Landing Page #Website #STUDIO

Client ｜ Plusjam Duration｜2023.7 -2023.8 Service｜Landing Page #Landing Page #Website #STUDIO

WEB制作会社のプラスジャムさまから「ECサイト制作を訴求するLPを作りたい」とのご要望を受け、制作させていただきました。事前に掲載したい情報をドキュメントでまとめていただいたので、それをもとにデザイン制作を行いました。（作成ページが1枚なのと、短納期であったため、ワイヤーフレームは省略しております）

WEB制作会社のプラスジャムさまから「ECサイト制作を訴求するLPを作りたい」とのご要望を受け、制作させていただきました。事前に掲載したい情報をドキュメントでまとめていただいたので、それをもとにデザイン制作を行いました。（作成ページが1枚なのと、短納期であったため、ワイヤーフレームは省略しております）

Requested by Plusjam.inc, a web design agency, I created a landing page to promote the client’s e-commerce website development services. Before starting the project, the client provided a document containing information for the landing page, which I used as a basis for design and production. (Wireframes were omitted from the scope of work as only one page was to be produced and due to short turnaround time.)

Requested by Plusjam.inc, a web design agency, I created a landing page to promote the client’s e-commerce website development services. Before starting the project, the client provided a document containing information for the landing page, which I used as a basis for design and production. (Wireframes were omitted from the scope of work as only one page was to be produced and due to short turnaround time.)

Client’s Voice

とても素敵な雰囲気にデザインを仕上げていただきました。スムーズにリリースまで対応いただけました。

とても素敵な雰囲気にデザインを仕上げていただきました。スムーズにリリースまで対応いただけました。

The website was designed very nicely. Everything went smoothly from the start of the project to the final website rollout.

Process

親しみやすく、相談しやすい ウェブサイトへ

親しみやすく、相談しやすい ウェブサイトへ

ターゲットはECサイトが必要な会社員（20-40代の案件担当者から社長まで）という幅広い層へ向けてのLPであったため、相談しやすい雰囲気を出すことで、問い合わせへのハードルを下げるような雰囲気のデザインを制作しました。

ターゲットはECサイトが必要な会社員（20-40代の案件担当者から社長まで）という幅広い層へ向けてのLPであったため、相談しやすい雰囲気を出すことで、問い合わせへのハードルを下げるような雰囲気のデザインを制作しました。

The target audience for this landing page was company employees (from project managers to CEOs in their 20s-40s) looking to create an e-commerce website. As this covered a wide range of users, I kept the design user-friendly and approachable, to make it easier for people to contact the company.

The target audience for this landing page was company employees (from project managers to CEOs in their 20s-40s) looking to create an e-commerce website. As this covered a wide range of users, I kept the design user-friendly and approachable, to make it easier for people to contact the company.

Design

アニメーションでユーザーの興味を引く

アニメーションでユーザーの興味を引く

本サイトではターゲット像を想定した人物イラストを配置しており、動くモーションを追加することで、コンテンツ自体への愛嬌や親しみやすさを強調するような設計にしました。After Effectsでモーションをつける中では、LPのコンテンツが主役であるため、「派手すぎず、でも目を引くように」を意識しています。

本サイトではターゲット像を想定した人物イラストを配置しており、動くモーションを追加することで、コンテンツ自体への愛嬌や親しみやすさを強調するような設計にしました。After Effectsでモーションをつける中では、LPのコンテンツが主役であるため、「派手すぎず、でも目を引くように」を意識しています。

The website contains illustrations of people that resemble the target audience. To emphasize the user-friendliness of the website, I animated the illustrations to attract users to the website contents. Using After Effects to add these motions, I made sure to keep the animation noticeable but not over-the-top, so that users are not distracted from the main contents.

The website contains illustrations of people that resemble the target audience. To emphasize the user-friendliness of the website, I animated the illustrations to attract users to the website contents. Using After Effects to add these motions, I made sure to keep the animation noticeable but not over-the-top, so that users are not distracted from the main contents.

Create a free website with Framer, the website builder loved by startups, designers and agencies.