Client Mock-Up Mini

We had an assignment to take the two clients whose sites we'd redesigned and make mock-ups of apps or mobile sites for them based on those designs.

I chose to make apps for both companies for the assignment and intend to create ideas for their mobile sites over the break.

For Dystar the app is supposed to be something that would be aimed at chemists or dyers. The idea is that it would take the brochures produced by their subsidiary Color Solutions International make make it a digital app that would provide and/or analyze color swatch information.





For NCC the app is a fairly typical radio station app, the difference being that it would focus specifically on stations owned by or associated with them.

A sketchy situation?

Oh puns, how much better the world would be without you...

For most of the semester, we started off our pre-production class with warm-up sketching. We had to submit our ten favourite sketches for marking.

I've never taken any classic art courses, so anything involving theory like perspective, or bone/muscle structure was exciting for me. Drawing stickfigues that could potentially be the foundation for a person instead of my usually foundation for a treant (spell check doesn't recognize treant or ent? For shame.) was also thrilling.

My favourite sketches are those that look passably male. Where to even begin drawing men generally confuses me. The hips that aren't hips, the lack of curves but still needing to have shape. Even when drawing while young I'd reach a point of frustration and just make it female.

When in doubt, throw boobs on it.

So, yes, drawing an almost male thing is a triumphant moment.

Archaic Scribblings, and the High Tech Phone Who Loved Them

In our Photoshop class we were tasked with creating mock-ups for Android widgets that would belong to an app about eating out and/or going to a movie. The widgets for Android phones come in six fun-filled flavours and a mock-up has to be made to represent each size.

Below are the initial concept sketches. The first image is the basis for all the widgets.

As a warning: if you squint and pretend they are written in code my penmanship is less offensive to the eyes.





Squint harder.


Below are the mock-ups for the 240x300 - 3x3 Portrait widget. As the largest portrait widget, it will be used as the base for modeling the rest.
(and for those who squinted, yes, the current model is missing at least two features)

Storyboards of Awesome Fun

For our pre-production class we had to create the storyboards for an intro animation to our portfolio site.

Sketches

Final

Client Mock-Up Revision

The revised versions of DyStar and NCC.

Excrescent

Our final typography project was to take an obscure word and use expressive type to show the meaning. I used the word 'excrescent'.

Disclosed

For typography we had an assignment to create three album inserts for a music group of our own choice. The design had to incorporate type (obviously) and collage. I chose to use Muse.