Learning Activites

Week 32 – Building a Mobile-Friendly Website

Write a detailed brief. (You may use a real client or a fictional one.) Use the information from the brief to build a wireframe for the website. Choose a WordPress theme for the website, and customise the WordPress theme to fulfil the specific needs of the client. Make sure that the site works on both desktop and mobile devices. (It does not have to work perfectly, but I want to see that you have considered it.) Upload your brief, wireframe and website to your WordPress blog.

This is an actual update I did for the KPiN site implementing some new changes to an already existing domain and rewriting some of the information. The brief was to use the already pre-existing graphic profile they had (which I created during a GRA1 semester project), and make a simple WordPress-based website displaying event videos and an event timeline, in addition to saying a few words about the organisation. It had to had a section for English language readers, as well as a contact form.

I then sketched up an idea for a wireframe, both for web and phone.

The site can be found by clicking here. It is a custom edit of the WordPress theme Astra, which I felt could correspond well with the wireframe I imagined. The menu has been partly removed and modified comparing the new design with the original, and the sidebar is almost completely removed to make space for event videos. Tested on mobile phones as well, works decently.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.