{"_path":"/portfolio/sca-department","_draft":false,"_partial":false,"_empty":false,"title":"Learning together: A university department website","description":"In my experience, university websites are notorious for being hard to read and navigate. That's why I welcomed the challenge of creating a web for my university department.","excerpt":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"learning-together-a-university-department-website"},"children":[{"type":"text","value":"Learning together: A university department website"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"In my experience, university websites are notorious for being hard to read and navigate. That's why I welcomed the challenge of creating a web for my university department."}]},{"type":"element","tag":"h2","props":{"id":"the-challenge"},"children":[{"type":"text","value":"The challenge"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"I was asked to update the website of the Department of Social and Cultural Anthropology. Milan, a university researcher and lecturer who took care of the web had designed the previous version of the web using "},{"type":"element","tag":"a","props":{"href":"https://elementor.com/","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"Elementor"}]},{"type":"text","value":" and several other plugins. However, the site seemed to be lacking in design and readability. There were also requests for additional "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"content types"}]},{"type":"text","value":" and an "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"multilingual translations"}]},{"type":"text","value":"."}]},{"type":"element","tag":"h2","props":{"id":"design-first"},"children":[{"type":"text","value":"Design first"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"I first supplied a "},{"type":"element","tag":"a","props":{"href":"https://www.figma.com/","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"Figma"}]},{"type":"text","value":" design for several pages to give a good idea of where I was headings. I was basing my design loosely on the previous version as there were some good elements in it. However, I redesigned and "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"simplified the content structure"}]},{"type":"text","value":" - mainly the navigation links and the content of some pages."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Milan and other members of the staff loved the design, so I moved on to the implementation. I decided for a "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"custom built them"}]},{"type":"text","value":"e, as it would give me full control over the content types and design templates. It also allows to combine the existing Gutenberg blocks to create new pages efficiently."}]},{"type":"element","tag":"h2","props":{"id":"planning-the-structure"},"children":[{"type":"text","value":"Planning the structure"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"I implemented an information board which shows the newest articles and short announcements about the day-to-day matters in the department. I also "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"provided instructions"}]},{"type":"text","value":" to all staff on how to edit the content making them more comfortable with using the site."}]},{"type":"element","tag":"h3","props":{"id":"performance-and-maintainability"},"children":[{"type":"text","value":"Performance and maintainability"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"By replacing the plugin components with custom ones, I removed the overhead of the plugin which may make the website load slower. The custom code also allows for "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"better maintainability"}]},{"type":"text","value":" as the content structure of the website is managed from a single place - the Gutenberg editor - instead of being broken up into multiple plugins."}]},{"type":"element","tag":"h3","props":{"id":"always-think-about-the-user"},"children":[{"type":"text","value":"Always think about the user"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Thanks to the custom theme, I gained a fine-grain control over each part of the page so I could more easily make "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"UX improvements"}]},{"type":"text","value":" such as making the staff images link to the individual profiles. On "},{"type":"element","tag":"a","props":{"href":"https://kska.upce.cz/okatedre/lide/adam-horalek/","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"lecturer's profile pages"}]},{"type":"text","value":", I used a card with tabs to more easily display various types of information."}]},{"type":"element","tag":"h2","props":{"id":"final-thoughts"},"children":[{"type":"text","value":"Final thoughts"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The response to the new design was great. The theme is ready to be translated into English and I continue to make updates and implement new features in collaboration with Milan and the rest of the department."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Have a look at the live web on "},{"type":"element","tag":"a","props":{"href":"https://kska.upce.cz/","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"KSKA.upce.cz"}]}]}]},"head":{"title":"University department website","description":"How to present a large variety of content to students and alumni? Let's find out!","image":"/image/portfolio/sca-department.jpg"},"fields":{"image":"/image/portfolio/sca-department.jpg","order":300,"skills":["WordPress","Twig","Tailwind CSS","Figma"]},"featured":true,"type":"full","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"learning-together-a-university-department-website"},"children":[{"type":"text","value":"Learning together: A university department website"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"In my experience, university websites are notorious for being hard to read and navigate. That's why I welcomed the challenge of creating a web for my university department."}]},{"type":"element","tag":"h2","props":{"id":"the-challenge"},"children":[{"type":"text","value":"The challenge"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"I was asked to update the website of the Department of Social and Cultural Anthropology. Milan, a university researcher and lecturer who took care of the web had designed the previous version of the web using "},{"type":"element","tag":"a","props":{"href":"https://elementor.com/","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"Elementor"}]},{"type":"text","value":" and several other plugins. However, the site seemed to be lacking in design and readability. There were also requests for additional "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"content types"}]},{"type":"text","value":" and an "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"multilingual translations"}]},{"type":"text","value":"."}]},{"type":"element","tag":"h2","props":{"id":"design-first"},"children":[{"type":"text","value":"Design first"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"I first supplied a "},{"type":"element","tag":"a","props":{"href":"https://www.figma.com/","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"Figma"}]},{"type":"text","value":" design for several pages to give a good idea of where I was headings. I was basing my design loosely on the previous version as there were some good elements in it. However, I redesigned and "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"simplified the content structure"}]},{"type":"text","value":" - mainly the navigation links and the content of some pages."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Milan and other members of the staff loved the design, so I moved on to the implementation. I decided for a "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"custom built them"}]},{"type":"text","value":"e, as it would give me full control over the content types and design templates. It also allows to combine the existing Gutenberg blocks to create new pages efficiently."}]},{"type":"element","tag":"h2","props":{"id":"planning-the-structure"},"children":[{"type":"text","value":"Planning the structure"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"I implemented an information board which shows the newest articles and short announcements about the day-to-day matters in the department. I also "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"provided instructions"}]},{"type":"text","value":" to all staff on how to edit the content making them more comfortable with using the site."}]},{"type":"element","tag":"h3","props":{"id":"performance-and-maintainability"},"children":[{"type":"text","value":"Performance and maintainability"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"By replacing the plugin components with custom ones, I removed the overhead of the plugin which may make the website load slower. The custom code also allows for "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"better maintainability"}]},{"type":"text","value":" as the content structure of the website is managed from a single place - the Gutenberg editor - instead of being broken up into multiple plugins."}]},{"type":"element","tag":"h3","props":{"id":"always-think-about-the-user"},"children":[{"type":"text","value":"Always think about the user"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Thanks to the custom theme, I gained a fine-grain control over each part of the page so I could more easily make "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"UX improvements"}]},{"type":"text","value":" such as making the staff images link to the individual profiles. On "},{"type":"element","tag":"a","props":{"href":"https://kska.upce.cz/okatedre/lide/adam-horalek/","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"lecturer's profile pages"}]},{"type":"text","value":", I used a card with tabs to more easily display various types of information."}]},{"type":"element","tag":"h2","props":{"id":"final-thoughts"},"children":[{"type":"text","value":"Final thoughts"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The response to the new design was great. The theme is ready to be translated into English and I continue to make updates and implement new features in collaboration with Milan and the rest of the department."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Have a look at the live web on "},{"type":"element","tag":"a","props":{"href":"https://kska.upce.cz/","rel":["nofollow","noopener","noreferrer"],"target":"_blank"},"children":[{"type":"text","value":"KSKA.upce.cz"}]}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"the-challenge","depth":2,"text":"The challenge"},{"id":"design-first","depth":2,"text":"Design first"},{"id":"planning-the-structure","depth":2,"text":"Planning the structure","children":[{"id":"performance-and-maintainability","depth":3,"text":"Performance and maintainability"},{"id":"always-think-about-the-user","depth":3,"text":"Always think about the user"}]},{"id":"final-thoughts","depth":2,"text":"Final thoughts"}]}},"_type":"markdown","_id":"content:portfolio:sca-department.md","_source":"content","_file":"portfolio/sca-department.md","_extension":"md"}