Apnea BAQ

In order to create the one page website for the freediving school, the challenge was to understand the needs of the school and over all the student's needs especially for those who were new , wanting to know more about the freediving discipline. For this, we ensure to understand the school by interviewing the main instructor/associate and freediving students.

We also identify the following main points to take in account:

• Logo and branding aspect.
• School and students needs.
• Market research to complement with stakeholders needs.
• Define website structure plus content.
• Define Ui elements and organize them.
• Prototype creation.

We focused mainly in two aspects for the research phase as follows below:

1. Research based on school and students needs.
2. Research based on the existing related services in the market.

We interviewed a freediving instructor and some students to know more about the following concerns:

• Relevant information for the freediving school (services and products)
• How the freediving school wants to be perceived by the students.
• Relevant interesting topics for the students.
• Know more about how the school thinks about its branding and service philosophy.

We asked above topics and many more. With this we gathered a more clear understanding about their needs in order to define the project goals.

For the branding aspect we created a moodboard and started researching for inspiration based on the school needs. We also, received feedback and modify accordingly. Below, we can see some elements of the moodboard such as colors, images, shapes, typography and lastly logo and icons options.

‍

‍

‍

Then, we defined branding (colors, logo etc). After that, we started researching for the relevant content in the market for this kind of services to be contrasted with the school information. With this we built the structure of the page with the relevant content to be offered for the students as follow.

‍

‍

Having the structure already defined, we continue our journey creating the UI elements and components such as styles, page sections and other components as follows below.

‍

‍

‍

‍

Also, we created the layouts for mobile,tablet and desktop respectively as well their grids. Furthermore, we created many other components but we can see below some of them as follows:

‍

‍

‍

‍

Above are displayed some of the many sections created to compose the visual design. With all this components we created the onepage website for the three viewport options (mobile, tablet and desktop). Below, we can see the UI design and a brief explanation of different sections of the onepage website.

‍

Based on the information gathered from the research, we considered to begin with seven main sections such as informative section, know us sections, services, gallery, social work, contact us and footer section.

‍

1. Informative section: most of the new students does not know what exactly freedving is and their benefits so this section aims to provide relevant information about this beautiful discipline.
2. Knowing the school: This section is crucial to know us and get familiar with the school mision etc.
3. Services: on this we provide the school services.
4. Gallery: shows us some photos about the pool and sea practice so the students get an idea of the sport.
5. Social work: Import to also highlight the social responsability the school has with the society through this media.
6. Contact us: section to be contacted by.
7. Footer section: provide navigation and social media information.

‍