-

Coole Schule

-

Coole Schule

Coole Schule

A primary school website where pupils and parents can quickly achieve their goals.

Coole Schule

A primary school website where pupils and parents can quickly achieve their goals.

Coole Schule

A primary school website where pupils and parents can quickly achieve their goals.

Reaserching

UI design

Prototyping

2 weeks

Website

Mobile

Primary school content, which contains a wide range of information, integrates different functions and tools, such as information texts, calendars, photo galleries, download functions, login functions, etc., without confusing users and different users, such as parents, teachers, pupils and the local community.

Reaserching

UI design

Prototyping

2 weeks

Website

Mobile

Primary school content, which contains a wide range of information, integrates different functions and tools, such as information texts, calendars, photo galleries, download functions, login functions, etc., without confusing users and different users, such as parents, teachers, pupils and the local community.

Reaserching

UI design

Prototyping

2 weeks

Website

Mobile

Primary school content, which contains a wide range of information, integrates different functions and tools, such as information texts, calendars, photo galleries, download functions, login functions, etc., without confusing users and different users, such as parents, teachers, pupils and the local community.

Product Vision

Product Vision

Product Vision

Primary Problem

Primary Problem

Primary Problem

The research identified issues relating to the organisation and accessibility of information. In particular, the scattered nature of information made it difficult for users to quickly find the information they needed. Our group reassessed the information architecture (IA) to address this challenge. Specifically, we developed hypotheses focused on the needs of pupils and parents and reviewed how information was organised. The process included looking at ways to prioritise information and improve navigation based on the user survey results, with the aim of creating a more intuitive and user-friendly structure.

The research identified issues relating to the organisation and accessibility of information. In particular, the scattered nature of information made it difficult for users to quickly find the information they needed. Our group reassessed the information architecture (IA) to address this challenge. Specifically, we developed hypotheses focused on the needs of pupils and parents and reviewed how information was organised. The process included looking at ways to prioritise information and improve navigation based on the user survey results, with the aim of creating a more intuitive and user-friendly structure.

The aim is to raise awareness of the global problem of plastic pollution in the oceans, which poses a threat to marine biodiversity and human health, and at the same time to communicate that sustainable clothing is the future. Objective: To offer a sustainable product, produce sustainably and raise awareness about pollution and the problem.

Information Architecture

Information Architecture

Information Architecture

Persona

Goal

To quickly check school event schedules and project details while managing her family's busy schedule with instant access to necessary information.

Pain Point

Information is scattered and hard to find, and the lack of intuitive navigation adds stress to her busy routine.

Goal

Easily search for their next project by category on the school's website and quickly find contact information for any queries.

Pain Point

Website navigation is complex, making it time-consuming to find project information, and enquiries are often complicated and not answered promptly.

Design System

Design System

Design System

Stylescape

Stylescape

Stylescape

High-fidelity

High-fidelity

High-fidelity

Reflection

Colour scheme

We used eight project and primary colours to create a friendly impression for students. Although we kept the design simple, we faced challenges achieving a cohesive card layout and consistency.

We used eight project and primary colours to create a friendly impression for students. Although we kept the design simple, we faced challenges achieving a cohesive card layout and consistency.

We used eight project and primary colours to create a friendly impression for students. Although we kept the design simple, we faced challenges achieving a cohesive card layout and consistency.

Improvement : Develop a more detailed color guide to enhance design cohesion and consistency. Allocate additional time for researching and integrating design ideas to ensure a unified visual approach.

Skills and time management

Although we planned and worked on the project every day, we could not predict how long it would take to use Figma and make design decisions. However, our team's adaptability and resilience made time management a challenge we could overcome.

Although we planned and worked on the project every day, we could not predict how long it would take to use Figma and make design decisions. However, our team's adaptability and resilience made time management a challenge we could overcome.

Although we planned and worked on the project every day, we could not predict how long it would take to use Figma and make design decisions. However, our team's adaptability and resilience made time management a challenge we could overcome.

Improvement : Use Trello to create and monitor detailed project plans. This will improve our ability to predict and manage time for using Figma and making design decisions, ensuring better time management and task prioritization.

Let’s keep in touch!

y-shiroi@pm.me

Copyright 2024 by YUKI SHIROI

Let’s keep in touch!

y-shiroi@pm.me

Copyright 2024 by YUKI SHIROI

Let’s keep in touch!

y-shiroi@pm.me

Copyright 2024 by YUKI SHIROI