MARTA GRABOWSKA
Content Migration
from PDF to Responsive Web - Newcastle University Internship
Information Architecture | UX Design | CMS | Terminal 4 | Content Design
Problem
The existing resources for Newcastle University web editors were only available in a PDF format. The content had to be migrated to the Design System website using T4 CMS and had to adhere to the university style guide and accessibility standards.
Solution
To address the problem a comprehensive Terminal 4 guide was created for web editors, cointaining 20+ user friendly web pages.
About
The project was completed during an internship for Newcastle University, which has thousands of web editors with varying levels of computer literacy.
Discovery
The discovery phase involved conducting a detailed analysis of the PDF guide and PowerPoint presentations. The goal was to understand the content structure and identify key information relevant to the target audience, Newcastle University web editors. Familiarization with the T4 CMS platform was also necessary. The content was divided into chapters and sections, creating an intuitive and easy-to-navigate structure. Questions and uncertainties were addressed with the manager to ensure alignment with requirements and expectations, establishing a solid foundation for the project.
Define
After analyzing and organizing the content, the next stage was to create an information architecture for the website. Utilizing the identified chapters and sections, along with the existing website structure, a logical and user-friendly layout was designed. Feedback and revisions were sought from the manager and UX designer to ensure approval of the final architecture.
"Design System" information architecture
Develop
With the approved architecture in place, the focus shifted to creating content for the website. The main task involved developing a comprehensive T4 guide and providing clear and concise instructions for web editors. Contributions were made to other areas, such as "Editorial Standards," "SEO and Keywords," and "Image Guidelines." Web pages were created, starting with the home page and then progressing to main and sub-pages. Feedback from experienced colleagues was actively sought to maintain high quality and adherence to the university's brand standards.
Deliver
After completion, the web pages underwent review and were published on the Newcastle University Digital Design website, accessible to web editors and visitors. Over 20 web pages were created, each offering clear and informative guidance on various aspects of the T4 CMS and web page creation. Throughout the design process, feedback played a crucial role in continuous improvement and refinement.
From PDF to Web | Before & After
Screenshots from the Terminal 4 PDF guide (before) and the Newcastle University Design System webpages (after).
Reflecting on my internship experience, I believe that the most valuable lesson I learned was the importance of feedback. By seeking and receiving feedback from my colleagues and manager throughout the design process, I was able to continually improve and refine my work. I learned not to take feedback as a personal offence, but rather as an opportunity to improve the user's experience and achieve better results.
Overall, this project provided me with a wealth of practical experience in web design, content creation, and collaboration with colleagues. It was a pivotal moment that inspired me to pursue a Master's degree in Human-Computer Interaction and to consider UX design as my future career path.