Web
Design
-
Innolearn.com
Innolearn.com fulfills students' eagerness to explore a new department and teachers' need to highlight student outcomes within it, making it a——reality.
The team and myself were tasked with auditing an existing website design, conducting desktop research, competitive analysis to improve the user experience, and updating the UI of NTU Trans-disciplinary Bachelor's Degree Program website.
💡
So, we meet the needs of our two main stakeholders —students and teachers
by understanding how they interact with the web & their individual preferences for accessing and displaying information about the college department online.
👀
Let's take a look at the Design Highlights together, shall we?
Eye-catching landing page
A landing page is a cost-effective marketing tool in some business digital platform, and we've discovered its essential role in designing college department websites to capture the attention of visitors, ultimately encouraging them to explore further.
Student's Portfolio Haven
Through interviews, we discovered that students enrolled in the NTU Trans-disciplinary Bachelor's Degree Program engage in diverse fields of study. Consequently, we integrated the metaphor of islands, with distinct elements symbolizing each field, into the display of students and their projects. This enables web visitors to explore within each field, much like adventurers.
Personal and Project Pages
After receiving feedback, we learned that the most effective way to attract prospective students to this special program is by showcasing existing student learning outcomes. This approach clearly demonstrates the program's impact and engages students from various fields, enhancing its visibility and appeal.
✍🏻
First in first, conducting desk research is the must.
👥
Next, I'd like to demonstrate how we conduct user studies!
I will use one of the key users, students, as an example.
📝
Let's summarize the needs & pain points of the two main user groups!
🧠
Brainstorm section:
This is how we generate and refine ideas ——iteratively.
👣
Want to see more details of the design process & prototype?
All you need ——is right here.
