Web App Design | Cormac Fee Design | Belfast

Book a consultation

hi@cormacfeedesign.com

UX Research

UI Design

Information Architecture

about this project

In this project I used my previous knowledge as a teacher to design and develop a user-centred application that allows busy teachers to complete training modules on the go, across a number of devices.

Click on the image to interact with the Glasgow Pedagogy Responsive Web Application Desktop prototype. Best viewed in 'full screen' mode.

Laptop displaying a video of a lecture. Text:

Project overview slide with laptop and tablet showing an application; project duration: Nov 2021 - Jan 2023.

Project overview slide: UX Designer, Researcher, Architect, UI Designer; user research, ideation, prototyping, testing.

Project overview slide; problem: Glasgow schools lack consistent resources; goal: develop teacher resource platform.

Slide titled

Slide titled

User research slide: pain points. 3 main hallenges: navigation, engagement, and time/accuracy in training design.

Persona

User journey map: table with actions, thoughts, pain points, opportunities, and solutions, identifying areas for improvement.

Slide on starting design, includes paper wireframes, digital wireframes, prototype, and usability studies.

Sitemap diagram showing website navigation pathways with a highlighted

Paper wireframes with handwritten notes for app design, focusing on ease of use and navigation for teachers.

Paper wireframes showing responsive web app designs for different screen sizes.

Digital wireframe UI. User research feedback informed layout. Central hub with navigation, simple icons.

Low-fidelity prototype diagrams for desktop and iPad. User flow shown, including login and module completion.

Usability study parameters: study type, location (UK), participants (9), length (30-50 minutes).

Usability study findings: Two rounds, revealing user preferences for training progress, clearer flows, and better buttons.

Slide titled

Comparison of UI mockups, before and after usability study, showing design improvements.

Four website designs on a desktop screen: educational content, video of a teacher, quiz questions, and circular infographic.

Desktop screen size modals. Three website modals illustrating different page layouts with a light blue background.

Mockup of a website on a laptop and a mobile app on a tablet. Text explains screen size optimization for various devices.

High-fidelity prototype- Text describes changes made after usability study, improvements to transitions, tooltips, and color.

Accessibility considerations: 1: Alt text to images. 2: Clear icons for navigation. 3: Clear imagery, contrast, and headings.

Slide titled

Slide with

Next steps: Two boxes with text describing future actions. Conduct usability studies and continue working with developers.

Related Projects

Two smartphones displaying a music app interface. The left phone shows a login screen, and the right plays a song.

Website and mobile phone display a sneaker; yellow background.

Shopify migration, website redesign, and SEO services advertised with smartphone and tablet screens.

+44 7729949468
Beechill Road, Belfast

BT8 7PU
hi@cormacfeedesign.com
cormacfeedesign.com

Copyright Cormac Fee Design 2025

Share by: