Welcome to my Blog!

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.

Enjoy!

Graduate Project – FoodBub

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

Potential Solution for Barclay’s Online Banking Website on Mobile

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.

Barclays_mockup_before.png

Current Website

Barclays_mockup_after.png

Potential Solution

Being ‘Createful’ for 5 weeks!

Being ‘Createful’ for 5 weeks!

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:

Wedding Planner – iPhone & Watch App

Applied Design – Live Brief

Applied Design – Live Brief

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

D4DME – Filtering

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.

submit

Screenshot of the submit php.

Screen Shot 2015-04-20 at 09.16.51

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.

Screen Shot 2015-04-20 at 09.23.13

D4DME – Webpage Wireframe and Mockup Design

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.

http://www.lynda.com/Photoshop-tutorials/Photoshop-Web-Design/105368-2.html

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:

Screen Shot 2015-02-23 at 18.37.19

Screen Shot 2015-02-23 at 18.37.54

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.

Screen Shot 2015-02-23 at 18.39.53

Screen Shot 2015-02-23 at 18.45.08

Screen Shot 2015-02-23 at 18.52.59

Screen Shot 2015-02-23 at 19.47.28

Screen Shot 2015-02-23 at 21.35.38

Screen Shot 2015-02-24 at 14.00.42

After debating a lot about the colour and theme of the design we decided to change it to a more blackboard design.

Screen Shot 2015-03-09 at 16.42.50

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.

D4DME – WebApp Design Research

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.

materialdesign_introduction

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.

11005586_10153207235459954_830437064_n

11006145_10153207235434954_1544682373_n

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.

11016655_10153207235449954_74622755_n (1)

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.

D4DME – Sorting with PHP

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:

Screen Shot 2015-01-13 at 11.28.58

Screen Shot 2015-01-13 at 11.29.11

Screen Shot 2015-01-13 at 11.29.20

Screen Shot 2015-01-13 at 11.32.06

Adding the error message

Screen Shot 2015-01-13 at 11.39.19

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.