← Back to portfolio
Tilted devices showing the FCI Forums platform
Unofficial FCI Forums

How I Designed a University Forum Students Actually Use

Status: Launched

Unofficial FCI Forums is a student-driven platform for students in the Computing faculty at Multimedia University (MMU), where they can ask questions, share experiences, and just talk about uni life in one place!

This project is deployed here, with it being accessible by all MMU students.

We have 180+ students registered on the platform
Backstory

A few students from MMU were facing a problem — there wasn’t a single, centralised platform where they could ask questions or discuss university-related matters.

So, they got together to build one.

As development progressed, they realised the design wasn’t quite working. It didn’t feel like something students would naturally engage with, and they were concerned it might limit the platform’s potential.

That’s when I was brought into the team to focus on improving the design and making it more aligned with how students would actually use it.

Early version of the forum home screen Early version of a forum post detail page

Early version of the platform highlighting initial design direction

Understanding the Problem

I first had a talk with the original developers on what they were looking for, what they had hoped for bringing me in, and what they envision the product to look like by the end of this.

These were their core issues

I then did some research to identify why it felt that way

First, I looked into how others are solving this

I started by looking at existing forums to

  • understand what users are already familiar with
  • identify key patterns that make these platforms easy to use
Annotated screenshots of existing forums I studied: Reddit, Stack Overflow, Quora

Then I identified the issue with the current design

From there, I

  • looked at and compared the original design to the information from competitor analysis
  • pinpointed areas that felt unintuitive or unclear, focusing on what could be improved without rebuilding everything from scratch
Annotated screenshots of the original FCI Forum design

I brought my findings to the team, and together, we came up with the main goals ⭐

  1. Give the forum an identity with a primary colour and typeface
  2. Move the search bar to the top where it’s easier to find
  3. Restructure the sidebar so it makes sense
  4. Clean up the post container to make it easier to read and scan
  5. Let users sort posts instead of being stuck with one view

Giving the
Forums an Identity

The forums lacked a personality, so we wanted to give it one.

Colour palette and typography for the forum's new identity

I knew what we wanted the platform to feel welcoming and approachable, so teal was chosen as the primary color and Outfit was selected as the typeface.

Shaping the new direction with prototyping

First, wire framing was used to figure out how we could apply layout changes, like moving the search bar to the top and restructuring the sidebar hierarchy

Wireframe of the redesigned FCI Forum layout

Then AI was used to quickly explore and envision how we could implement the changes.
This was done by prompting AI with the original design, the wireframes, and what we wanted to try out.

AI-generated mockup of the new FCI Forum design

and now

The End is Near

Now with all of the preparation in place, I could get started on the fun part: Designing!

First iteration

Designed the first prototype with Figma and brought it up to the team. Development started based on this version, with features being added progressively as needs came up.

First iteration of the redesigned FCI Forum home screen

Current design

Refined version with improved layout, clearer hierarchy, and added features such as filtering, making it easier to navigate and more aligned with how students would actually use the platform.

Current design of the redesigned FCI Forum home screen

I managed to get the home page to a point where it matched what they had in mind!

But there was still a problem…

The other pages hadn’t been designed yet, and I was low on bandwidth because of university.

At the same time, the other developers had already graduated and wanted to wrap things up and get the project deployed.

AI saves the day

beep boop

Since we now had a solid design direction from the home page, the developers started taking initiative to design the rest of the pages themselves, with the help of AI.

What they would do was use the design of the home screen as reference and utilise AI to generate the relevant pages following the same design style.

Whenever they got stuck, they’d drop the designs in the group, and I’d step in from there to help refine and guide the direction.

By iterating this way across each page, we eventually brought everything together and completed the full website.

The Final Product!

The project is still ongoing. We’re actively promoting the platform, gathering user feedback, and continuously refining the experience to make it better for students.

What I learned from this

This experience was especially meaningful to me because it was my first time truly leading the design direction of a project.

One of the biggest changes I noticed in myself was the confidence I developed over time:

It was incredibly rewarding to see a project I genuinely cared about get deployed and used by real users. More than anything, this experience helped me find my voice as a designer and trust the decisions I make.

Want to see more?

Check out my other work

Fixing the Tiny Frustrations with existing Pomodoro Timers
View case study →