# Wireframe.Html
**Source:** https://en.moonfactory.co.jp/ability/wireframe.html
**Language:** English

---

SKILL SET

# Wireframe Design

## Ensuring necessary information is clearly conveyed, we design easy-to-understand sites.

Are you struggling with issues like, "The information seems to be there, but it's not getting across" or "We've added pages, but inquiries haven't increased"?   
To design pages that are easy to view, easy to use, and lead to results, we place great importance on creating "wireframes (page blueprints)."

### What is a Wireframe?

A wireframe is   
a blueprint for a website that visualizes where, what information, and in what order it will be placed.   
Before starting production,

- we confirm if all necessary content is present,
- if the information hierarchy is appropriate,
- if there are any difficult-to-operate parts,
- if the user flow is clear and prevents confusion,

and align our understanding with the client.   
This is a crucial step to prevent backtracking and reduce unnecessary revision costs.   
We create documents using PowerPoint, Excel, or specialized tools, depending on the content and your requests.

### Design starts with a hearing

We never start building pages immediately. First, we carefully organize the goals of the renewal and the current challenges.   
We review the structure and access trends of the existing site and identify information from brochures and sales materials. Furthermore, through interviews with the client's representatives, we share the real challenges and ideal vision felt on the ground.   
We then organize the gathered information and translate it into a structure that is easy to view and use on both PCs and smartphones.

### The concept of "one page, one theme"

If multiple themes are crammed into a single page, the information may be present but not effectively conveyed. Users may not be able to instantly determine information relevant to them, often leading to them leaving the site.   
For example, if handbags and backpacks are introduced on the same page, visitors' intentions and emotional states are vastly different. Therefore, we propose a structure that separates pages by theme, clearly conveying one message per page.

### User-friendly usability

Too much text can be tiring to read. However, images alone do not convey enough information. The key is the balance between the amount of information and how it is presented.   
We arrange the layout so that necessary information naturally catches the eye, while being mindful of the flow of gaze. By anticipating where scrolling will stop and where users might get lost, we create a stress-free browsing experience.

### Design that ensures update information is properly delivered

For corporate and e-commerce sites, continuously updated content such as announcements and product information plays a crucial role.   
However, updates are meaningless if they are not noticeable. We design the layout so that update information naturally catches the eye, making visitors feel that "this site is actively maintained."   
This also leads to increased corporate trust.

### A site that communicates effectively is determined by its design.

Design can be refined later. However, **without a clear structure, amount of beautiful design will lead to results.**   
We propose page designs that lead to results, after clarifying "to whom, what, and how to convey." First, please tell us about your objectives and concerns. We will propose the optimal structure.

Contact Us