Introduction to BlueCanvas tools · 009 interactive webscroll motion
Introducing an interactive website where the story continues as you scroll.
About 3 minutes to readBlueCanvas
What kind of website is an interactive website?
This is a website that changes scenes as you scroll, responds to pointers and touches, and is designed for mobile use and accessibility. BlueCanvas determines the scope of the project, including planning, design, and development, as well as mobile optimization, search response, and administrator functions and operations.
Key takeaways
When you scroll, the scene changes and the story continues. Interactive websites.This is an introduction video about the planning, design, and development of BlueCanvas.
The video sequentially shows scroll storytelling, a three-dimensional effect that responds to your fingertips, mobile and accessibility, and a different first impression for each brand.
Scene shown in the video
The video begins with a question about whether just looking at a website is enough, and continues by saying that people should experience the brand. The scenes that follow relate to the four experiences described on the introductory page.
scene
Description of video and introduction page
scroll storytelling
The scene responds to even small scrolls. As it moves, it expands, rotates, and overlaps to continue the brand's story.
Depth responsive to your fingertips
Perspective and detailed responses that change depending on the direction of the pointer create an interaction that allows you to take a closer look at products and content.
Naturally even on small screens
On mobile, movements adapt to touch and reading. Respect your device's motion reduction settings and make content navigable using the keyboard.
Different first impressions for each brand
We create designs tailored to different brands from planning to development and operation.
Production case scenes are actual production case images posted on the introduction page.
In what situations is it best to look at it?
When you want to show your brand’s first impression more clearly on the web
When you want to guide people from navigation to inquiry with a structure where the story continues as you scroll.
When you need a screen suitable for touch and reading on mobile and also want to take care of accessibility
When you want to determine the content structure, administrator functions, inquiry linkage, and operation required for search all in one place.
How to get started
From the SERVICE menu at the top of the site interactive webWhen you enter, the introduction page will open. At the bottom of the page there is a button to talk about the project and a link to first look at the production scope and budget.
Hold my gaze: Create the brand’s first scene.
Continuing the story: Shows information according to scrolling.
CONNECT TO ACTION: We guide you naturally from navigation to inquiry.
If you are curious about building a website for your company or brand, website creation Please also see the introduction.
How to use and environment
Depending on the introduction page, the scope of production includes planning, design, and development, as well as mobile optimization, accessibility, search response, and administrator functions and operations. It is indicated that the scope required for actual business is determined together for each project.
Full video subtitles (6 scenes)
Is seeing enough?
The video begins by asking if just seeing the website is enough and asking people to experience the brand.
scroll storytelling
As you scroll, the scene changes and the story continues. We guide you naturally from navigation to inquiry.
Three-dimensional feeling that responds to your fingertips
It brings products and content closer together with a three-dimensional effect that responds to your fingertips.
Mobile and Accessibility
On mobile, movements are adjusted for touch and reading, and accessibility is also designed.
Different first impressions for each brand
We create designs tailored to different brands from planning to development and operation.
Next website to remember
The video ends with a reminder to start your next memorable website with your brand.
Frequently Asked Questions
What is an interactive website service?
This is a service that plans, designs, and develops a website that allows you to experience the brand through scene changes that respond to scrolling, parallax, and 3D interaction. It includes mobile optimization, accessibility, search response, and administrator functions and operations.
Is the same movement happening on mobile?
On mobile, movements adapt to touch and reading. The introductory page states that it respects the device's motion reduction settings and makes content navigable using the keyboard.
How do you determine the production scope?
Together, we determine the scope required for the actual business, from the content structure required for search to administrator functions, inquiry linkage and operation. You can also take a first look at the production scope and budget on the introduction page.
Check out our brand's first look on our introduction page
On BlueCanvas interactive web introduction page, you can check out scroll scene transitions, three-dimensional response, mobile response, and production examples.
