Studio Ange

This project is a website design for Studio Ange, a house photo studio located in Jiyugaoka, specializing in children and family photography with a modern French style. I led the design and direction for the website renewal, turning client requests into visuals, managing the timeline, and coordinating with engineers.

My role focused on the Web/UI design and direction for the website renewal, turning client requests into visuals, managing the timeline, and coordinating with engineers.

I designed the interface and page hierarchy in Adobe XD, focusing on how the projects would be presented and how users would navigate through the studio’s work.

Web Design | Illustration

Hero Image
Hero Image

Problem

The old site felt outdated and hard to navigate, looking more like a blog than a professional studio. Important information—such as photo plans and pricing—was scattered and difficult for users to find, and the inconsistent design made it hard to understand the Studio Ange brand.
The main challenge was balancing artistic visual presentation with usability.

Since Studio Ange’s work is very visual and conceptual, the website needed to highlight the projects while still guiding users through the content smoothly.

Solution

Our goals were to make photo plans and pricing easy to understand by organizing information in a clear, compact layout, communicate Studio Ange’s brand through consistent visual design, and simplify the booking process so users could easily reserve sessions.

  • The image featured at the top of the about us page #1
  • The image featured at the top of the about us page #2
  • The image featured at the top of the about us page #2
  • The image featured at the top of the about us page #2
  • The image featured at the top of the about us page #1
  • The image featured at the top of the about us page #2
  • The image featured at the top of the about us page #2
  • The image featured at the top of the about us page #2
Making of Detailed Sitemap

After consulting with the client, we added the necessary pages.
To make future maintenance easier as the site grows, we created a sitemap.

Hero Image
Photo Plans Easier to Find

By listing all photo plans on the homepage, customers can quickly find and select the plan that suits them.

Hero Image
Clear and Accessible Booking

Previously, there was no dedicated booking page, and clicking the booking button redirected users to an external site.
For the redesign, we created a dedicated booking page and separated phone, web, and email reservations.

Hero Image
Editable Galleries for Each Plans

To address customer uncertainty about what the photos will look like, each plan’s detail page now includes sample photos from the studio.
Showing actual results increases customer confidence and boosts booking rates.

Hero Image
Making of Detailed Sitemap

After consulting with the client, we added the necessary pages.
To make future maintenance easier as the site grows, we created a sitemap.

Hero Image
Photo Plans Easier to Find

By listing all photo plans on the homepage, customers can quickly find and select the plan that suits them.

Hero Image
Clear and Accessible Booking

Previously, there was no dedicated booking page, and clicking the booking button redirected users to an external site.
For the redesign, we created a dedicated booking page and separated phone, web, and email reservations.

Hero Image
Editable Galleries for Each Plans

To address customer uncertainty about what the photos will look like, each plan’s detail page now includes sample photos from the studio.
Showing actual results increases customer confidence and boosts booking rates.

Hero Image

year

2023

tools

Figma

Making of Detailed Sitemap

After consulting with the client, we added the necessary pages.
To make future maintenance easier as the site grows, we created a sitemap.

Hero Image
Making of Detailed Sitemap

After consulting with the client, we added the necessary pages.
To make future maintenance easier as the site grows, we created a sitemap.

Hero Image
Photo Plans Easier to Find

By listing all photo plans on the homepage, customers can quickly find and select the plan that suits them.

Hero Image
Clear and Accessible Booking

Previously, there was no dedicated booking page, and clicking the booking button redirected users to an external site.
For the redesign, we created a dedicated booking page and separated phone, web, and email reservations.

Hero Image
Editable Galleries for Each Plans

To address customer uncertainty about what the photos will look like, each plan’s detail page now includes sample photos from the studio.
Showing actual results increases customer confidence and boosts booking rates.

Hero Image
Photo Plans Easier to Find

By listing all photo plans on the homepage, customers can quickly find and select the plan that suits them.

Hero Image
Clear and Accessible Booking

Previously, there was no dedicated booking page, and clicking the booking button redirected users to an external site.
For the redesign, we created a dedicated booking page and separated phone, web, and email reservations.

Hero Image
Editable Galleries for Each Plans

To address customer uncertainty about what the photos will look like, each plan’s detail page now includes sample photos from the studio.
Showing actual results increases customer confidence and boosts booking rates.

Hero Image

year

2023

tools

Figma

year

2024

tools

Adobe XD

Social Media & Campaign Lead

For Studio Ange, I created social media campaign visuals and banners while maintaining brand consistency across platforms. I ensured that each creative aligned with the established tone, visual identity, and campaign objectives.

  • The image featured at the top of the about us page #1
  • The image featured at the top of the about us page #2
  • The image featured at the top of the about us page #2
  • The image featured at the top of the about us page #2
  • The image featured at the top of the about us page #1
  • The image featured at the top of the about us page #2
  • The image featured at the top of the about us page #2
  • The image featured at the top of the about us page #2

New

Available now!

Go to the site!

Let's Talk!

New

Available now!

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