This week we went back over HTML and CSS. As I am happy with my foundational understanding of HTML and CSS have decided to review specific portions of HTML and CSS that I find tricky. My top difficulty when creating a webpage is producing the top nav. So this is an area I’m going to […]

This was a great read. I love the strong visual focus throughout the book and how clearly it displays grids and layouts in relation to all of the key components of design. Here I have looked at a few chapters in more detail. I love how the book is divided into very short chapters making […]

Above are my homepage, a zoomed-in portion of my homepage and the top of my Rebrand case study page. The overall feedback for my portfolio website was really positive. However, I was advised to consider making the following changes. The first concern highlighted to me was the use of a hamburger icon instead of a […]

Elements Collages I found creating an elements collage to be a great way to experiment with multiple approaches to designing my portfolio mock-ups last year. Dan Mall came up with the concept of element collages following the release of Samantha Warren’s Style Tyles. While I really like style tyles as an approach to exploring various […]

Crazy 8 During a class workshop, we complete a crazy eight exercise, created eight wireframes in eight minutes. This was a brilliant way to get the “creative juices flowing”. I was able to take my inspiration and research and recreate some of my favourite elements really quickly. I carried on to develop further wireframes and […]

Writing a User/ Job Stories Again I have referred to Content Design by Sarah Richards to learn more about User and Job stories. User and Job stories are a way of pinning down what you need to do via asking questions and getting answers.   User stories follow the below structure: As a [person in […]

Content Sources Content can come in lots of different ways. To start at the beginning it’s probably best to review sources of content theses include: Client Supplied Self-Generated Third-Party Sites (e.g. Wikapedia) User-Generated Content (e.g. YouTube) Application Programming Interface (API’s)- this is intermediary software that allows two applications to talk to each other. Client Supplied […]

The primary areas focused on in this talk were: Visual Grammar Language and Typography Narrative Design Visual Grammar Visual grammar is all the parts that make up a website or a product e.g. buttons, typography, windows, illustrations, icons etc. In a Nielson Norman Group article on the topic, 5 Principles of Visual Design in UX […]

Creating a content wireframe This is great for getting a visual of the information hierarchy and leads to a more open discussion about what needs to be prioritised. As stated by Tom Green by creating a content wireframe rather than a regular wireframe you can make presenting work to clients more of a talking point […]

After having completed my website content audits I created the above site map. This was a great way to visualise the flow of navigation. The first problem I wanted to tackle was the feeling of hitting a dead-end at the bottom of each case study. I have solved this by adding a view next case […]