Final Noteshot Presentation – Online Portfolio

Below is a link to the finalised app work, displayed within my online portfolio… enjoy and like ūüôā



Bruno Maag Talk

This afternoon I attended a talk on typography by Bruno Maag. Bruno Maag¬†(born 1962) is a¬†Swiss¬†type designer and founder of type design company¬†Dalton Maag. From this I’ve made a few notes that I felt were beneficial to myself.

A few key points made by Bruno worth noting:

  • Never work for free.
  • Good design is always the result of collaborative design.
  • Serif type can also be considered contemporary – if used correctly.
  • Increasing spacing can lead to clear legibility – alter type when needed.
  • Frutiger can be processed by the brain quicker then Helvetica.
  • English can be considered as an opaque language, making it difficult for dyslexic people. However dyslexia has nothing to do with typefaces.
  • LCD screens are all made up of sub pixels (RGB).

I felt Bruno presented this talk in a professional manor, it was definitely one of the more interesting talks I have attended within this university. I was impressed at the amount of work and effort that he dedicates to each project. Overall I found Bruno to be very inspiring, the project developed for the Amazon Kindle was a definite favourite of mine. The way he crafted each letter individually to achieve the desired results was absolutely outstanding.


Final App Presentation

The final 5 minute pitch presentation took¬†place in Paragon House. The project was presented to a panel of people, this included Ben, Caterina (Lecturers) and Tim Baggott, AKQA’s Associate Creative Director, in a Dragons Den format.

This was an interesting and exciting opportunity for my team, it was a chance to pitch our concept in front of proffesionals within the industry. We were looking forward to the feedback given, to help design our app as professional as possible.

After the presentation, which we felt had went well, Tim instantly pointed out how he loved the logo for our app, he mentioned how the logo alone informed him about the app itself. Overall he was pleased with the outcomes and felt they were to a professional standard. However, Ben mentioned that we talked about how the app works more then what it does.

Once we summed up what the purpose of the app was, Tim replied saying how he felt that, for an app to work it should have an answer to a problem, only then does the app have potential of actually working. He felt that our app identified and solved a problem professionally in the easiest manor.

Overall we were pleased with the feedback and the outcome of the presentation.

App – Further Exploration

Feedback from the presentation led us to re-create our apps interface. This time we were fully focused on the simplicity of the app. Ensuring it is easy to navigate for all users. We also made a few slight changes to the logo, ensuring its legibility remains even at a very small size. Although this task was tough, it was also fun. It gave us an insight of what an app actually needs to look like for users to easily navigate through it. Trial and error led us to create an app that we were finally pleased with. We focused on colours and layout again.

The logo was edited allowing the screen and button to have more space within themselves, making the icon still visually clear at a reduced size. The theme of the app had a more simplistic approach to it, with a minimal colour palette. This made the app visually interesting, clean and easy to navigate. The menu bar was positioned at the bottom, this included a customised camera button in the centre. The button featured part of the logo design within it.

The pages below were created by myself for my blog, Mohammed worked on the favourites page and Faisal worked on the timetable page. I felt at the time I had more time on my hands then the others, this allowed me to get more done for the app on my own, we used ‘Whatsapp Messenger’ as a means of communication to share our progress, confirm ideas as well as receive feedback from each other.


App – Presentation 2

This presentation was done to show the rest of our class the progress we have done, we took this as an opportunity to gain valuable feedback. As this was our first digital exploration being displayed we had positive as well as negative feedback. As this is the first time all members of the group have worked on an app, a lot of schoolboy mistakes were made. These included positioning, layout and also functionality of the app.

From the feedback we received, we decided to scrap the chat option as it just complicated the app for the majority. Also people already have numerous chatting apps that they would prefer to use for a quick chat rather then an in app one. Another key point made was about the layout and visual of the app itself. A lot of people felt the colours and the idea of the note menu bar was way too childish. The overall theme of the app was more focused at a younger target audience then a mature one.

The logo of our app was complimented several times, with a few minor adjustments to be made, the logo would become a definite keeper. Overall we felt that our app lacked professionalism.

With the feedback in mind, we all sat down to discuss changing the colours, theme and icons for the app. We were set back majorly as we had to come up with a brand new design for the app. One which works well with our brief: which is based on simplicity of note sharing.

App – Digital Exploration

After researching into existing apps in the apple store, as well as using Pinterest to create a board full of research we got a better understanding and idea to help construct our digital explorations.

The link to the pinterest board can be found here:

Our digital explorations had a set theme, we focused on colours and mainly layout. Doing our best to keep it minimum for easy navigation, also to not complicate and drift away from the idea of note sharing. We decided to also include a chat service allowing users to directly communicate with each other. We focused on a burger menu and also explored other menus that we felt may work. The idea of a note paper itself as the camera function was also introduced.

The digital exploration is to be presented next week, we will note down all the feedback we receive from our presentation and hopefully use it to better our app for the final.

All the pages posted below were designed by myself, the template of the app was given to each member of the group as well as a category that they would be designing there page for.

App – Layout Development

As a group we discussed and took notes about the navigation system of the app, where each page would lead too, what pages should be included and what menu style should be used. The menu would be a static one which remained at the bottom of the app layout, making it easy to navigate the app at all times. The primary function of the app is to obviously take and access notes at any time. This led to the camera button being the main focus of the apps navigational menu. We constructed a fairly basic layout exploration as a guideline to what should lead where. The menu layout was also explored. A family of icons were also developed, existing icons were downloaded from the internet and tweaked to suit our app. We confided most of the icons within a square format, to keep the visual consistency of the app. During these early stages nothing is final.