Hello, I’m Chace and I’ve come from London to study Digital Media Design at Bournemouth University. I’ve chosen this course due to the diverse range of resource and learning it has to offer. I believe this course is the ideal platform for me to understand what part of digital media I enjoy most and that it will take me one step closer to achieving my dream of becoming successful digital designer.
This blog will be the window to what I’m up to in my course as well as other matters related to digital media. You’ll be able to see the things I learn and the steps I make to achieve certain criteria over the coming years.
As part of my unit for my final year I have pitched to create an iOS app using Swift 3. The app aims to reduce the food waste that happens at home. This inspiration comes from my experience as a sous chef at a Thai restaurant where we are taught to cook efficiently with minimum waste. And as a student I have seen a lot of fellow students struggle to be efficient with their ingredients.
The key features of the app are:
- Remind the user when their item is due to expire.
- Show recommended recipes based on the ingredients that the users has.
- Give advice on ways to store and use items as efficiently and wast-free as possible.
I will be responsible for all areas of this app and therefore responsible for time managing throughout the process of production.
My role will be:
- Research and planning.
- Wireframe and UI designs (Sketch, Photoshop and Illustrator).
- API and Database (Firebase).
- Version control (Github).
- Development (Xcode).
- Video trailer (After Effects).
- Graduate Exhibition.
Visit the website: http://www.foodbulb.co.uk
As a barclay’s account holder I’ve always been annoyed by the lack of mobile support when it comes to their main website. I guess it’s due to the high attention for their mobile apps. So I decided to try and do a mock up of a mobile view for their website.
As part my placement experience I was given an opportunity at Createful to have a first taste of life at a creative agency. Over the course of 5 weeks I was an iOS developer intern where I was responsible for coming up with a solution for an AppleWatch and iPhone version of their WeddingPlanner app.
Feel free to check out my blog post on their website where I talk about the things I did and took from my time there:
In this module we were asked to form mini agency’s and pitch for 2 live briefs. After that we were assigned to one of them and asked to create a functional application for our client.
I had a really good experience working as a team where we collaborated our ideas to create a functioning app that really pleased our client.
It turned out really well as we were able to get a first and the feedback that quoted “a very high level of work that is extremely close to be a polished app that a client would be happy to release”.
Below is a link to the pitch and final outcome of our app:
Holton Lee – Hexatech Brief Presentation
In this module we were introduced to Swift for the first time. This would be the language platform along with the Xcode developing kit that would be used to design a prototype app.
Below is a link to the dossier for the app:
I began creating the html file of the project and added css to it. Using the mock up design as guidelines I was able to create the webpage. We then built the design around the php that was helped out by Verity and Kyle.
Below are screenshots on how I did it:
Adding it with the PHP
Outcome from converging the php, html and css
I then added media queries to the project in order to make it responsive to different screen size.
Overall I am very pleased with the outcome of the project as we were able to collaborate as a team together to create it. It was very important that we all shared the same goals and ideas and were up to the challenge. I was able to learn a lot about the fundamentals of php and how they are used to create databases for a website. Our knowledge and understanding about databases allowed us to create a recipe website that functions in the ways we planned out initially. The design as well is clean and bold and therefore easy to understand navigate with the users. Despite many trial and errors we were able to achieve our goals.
As a recipe site it was important that we created a filter that would allow the users to narrow down their choices and find their recipe’s easier. We decided to base our filters on 4 different selections.
Screenshot of the submit php.
A lot of the work was done by Verity, however she was able to comment on each section to help explain her actions clearer to me and therefore I was able to understand it.
Overall the filtering process took time and a lot of trial and errors. It eventually became functional and we were able to see it in action.
To begin the design of the webpage I had to wireframe the design using Photoshop. In order to understand how to do it I looked up video tutorials on Lynda that taught me it.
The video proved to be highly useful as it allowed me to understand the importance of wireframing and how it could be done.
From there I went on to designing my webpage using wireframes on Photoshop. Below are screenshots of how I did it:
The wireframe experience let met understand the importance of laying out the webpage so that they are positioned consistently. It would also be handy when measuring the pixels and scale of the later boxes in CSS.
I then went on to creating a mockup design by adding colours and drop shadows to let me get a better idea on how it would look when designing with CSS.
After debating a lot about the colour and theme of the design we decided to change it to a more blackboard design.
Overall this experiment has taught me a lot about the importance of preparation when looking design a webpage. The techniques were very useful to pickup and will prove to be handy in the future.
This post is about how I researched into the web app designs. To begin with I wanted to get an idea of the styles that were out there and which one would suit our idea. I wanted to make sure the design was quite modern and in trend.
I initially looked into Material Design which is the upcoming design platform for Google. It is a design that rationalises space, is bold and has continuity.
I thought that this theme would be ideal for our idea as it is very bold and clean. This allows the audiences to be visually attracted to the contents and avoid complexity.
My next step for the research was to look at live websites as well as sample websites using Pinterest.
Once we had an idea about the layout we’d like our website to be then we’d began looking at the theme of it. We chose the blackboard style theme.
Below are some glyph icons I found from Pinterest for inspiration.
In conclusion to the research I was able to share my findings with my team members whom were happy to accept and agree with my suggestions. It was important that the WebApp design research was taken into consideration as they would be used to build around our php later on.
At today’s workshop we were given an insight on how to make a webpage sort out particular contents. These are commonly used within social networking website, that will allow us to view the most recent contents. For example; News Feed on Facebook. We then added a an if statement that would show an error message if the wrong information was inputted.
Below are screenshots on how I achieved this:
Adding the error message
The sorting page was largely based around if statements. This was due to it determining the information that has been inputted and that “if” the information was not accepted or recognise then it would send out an error.
This workshop has allowed me to really understand the functionalities of sorting and how it used to create interactive web pages. I’ll be keeping this in mind when I work on my new project as we will be wanting upload the latest recipes in order.