Category Archives: graphic design

Cozmet team project

I completed a full-on one year course in Computer Science, Software Development HDip yesterday.  It was a very busy time and learnt a great deal.  One of the modules was a team project that simulated an Agile team development process.  To show my contribution to the team, a video can be viewed by clicking on Cozmet_Sean

A couple of screenshots of the design can be viewed below.  It was made entirely using open source software, without the use of Angular or React.  Although, the plan is to learn both frameworks over the coming months and I already know the basics of Angular, it’s really nice.  The backend is powered with firebase, all the data comes from it for each object and the graphics were created using InkScape and Krita.  The layout is made using CSS Grid and I discovered during development CSS and ECMAScript 6 have gotten enough features that jQuery is no longer needed, but it is still a powerful framework.

 

Quiz App

This is a yoga quiz app with back end database storage, written in vanilla JS,  PHP, AJAX and of course, HTML and CSS.

The code can be found at: https://github.com/SeanKelly369/WebDev

The images were provides by:

Learn Yoga Poses with Yogacards by Mark Giubarelli

PHP CRUD UI

For CS230 Assignment 3, using PHP, MySQL and PHPMyAdmin we were to create a CRUD, with bonus point going for the undo feature.  I got the CRUD working fine and saw tutorials for including the undo, it would have required rewriting the entire PHP code into an object and wrapping the binding into a transaction block.  With time being limited, I chose to spend it working on the team project, which has since progressed quite well. Everything else works perfectly, including the dates drop down, the language and type drop downs, and the submit, update and delete buttons.  When the grades are published I’ll upload the code, CSS included onto github.

Below is a work in progress of the product information UI.  I have it working dynamically, added a customisable jQuery plugin for a vertical scrollbar and have tabs animate on hover.  I used a CSS Grid layout with a nested grid for the soon to be thumbnail images on the left.  When it’s finished it’s going to look great :).

Cozmet

A team project for the course I’m attending, HDip Level 8 PostGrad in Computer Science, Software Development.  One member is putting her time and energy into the backend while we agreed I’d work on the frontend.  The other two members are working on the Google map API and get product info page respectively.  With Firebase working, authentication and uploading of member details to and from the firebase database, it is starting to take shape.  The top and bottom are made, now the the middle had to be worked on.  The website can be viewed at www.cozmet.net .


Sharp Wave

Since August 2017, I have been attending a post grad programming course, learning several software programs, including C++, Java, JavaScript, SQL, HTML/CSS, some PHP and we dabbled with Assembler for one lab.

One team project involved using Android Studio with Java and XML.  The end result of the team efforts was a music player, called Sharp Wave.  Below is a download link to short video demonstrating how the app works.

ScreenCapture_18-03-22_12.41.02

 

Mouse design

mouse-conceptsmouse-iterationsmouse-iteration-final

Using sketches, the open source sculpting tools in Blender and red clay (waiting for daylight to take better photos) I came to a design with the desired aesthetics and fitted the required criteria.  This mouse design uses touch screen technology to easy the pain of repetitive strain injury reducing the need to press buttons and move fingers.

Biopodz update

bio2016 Got to finally create visuals of the redesigned Biopodz where it is now less expensive to manufacture, designed for injection molding and uses snap fittings.  The main render isn’t as nice as the original Biopodz render, I should really go and rework it using some sub surface scattering and translucency to add realism.

calendar2 More time was spent on the calendar which is aimed at teaching children about the seasons, how crop rotation works and when to sow and harvest plants.

disassembled2
The new design has less components, uses less polymers, has a 2mm even wall thickness, uses snap fittings, designed for injection molding and the pots are slightly smaller while still having a wall thickness of 1.5mm.

school2
My arch viz portfolio is lacking and for that reason I went to the bother of modelling an entire primary school environment.

school1
Showing the components laid out on tables as before to give an idea how all the CAD models look.

Sioux Watch

Sioux watch frontSioux watch one

With the improvement of shaders appearing for Blender Cycles and the previous Vray renders of the “Bad News” watch I was never fully happy with.  Now it has a proper looking black leather strap and a branding other than “Bad News”.  When first inspired by Indian Motorcycles, I came up with the brand name of Sioux.  The Sioux were a native American tribe known for their eagle feather head gear and for being great warriors.  The letting in the logo is designed to look like the Sioux clothing design patterns.

sioux-logo

Sioux watch closeup 2 med Sioux watch closeup medSioux watch behind med Sioux watch top med

Football boots – Templar épée

Templar Epee

I took a break from arch viz work and went back to complete this piece.  The aim is to get together the sketches, exploded view and final render for Behance with the ultimate aim of gaining employment in product design and/or visualisation.  There is some branding to this as well, with the name Templar épée inspired by Frances Norman period.  The football boot design is inspired by Euro 2016 and Franco culture.  More details to come soon.