kleindesigned

kleindesigned design process

Logo concepts
I will be using the initials kd from kleindesigned to design my logo. I
liked the idea of joining the legs of the k to the bowl of the d.

Branding
Im all about colour and interactivity. My personal brand identity
reflects this by combining beatiful gradient colours with awesome
user experiences.

Website / Portfolio
The website was designed in Sketch app and prototyped in Invision.
This is a very clean design with interesting interactivity. I designed
the site with responsivity in mind and made it easy to build across all
devices.

Resume
My resume is interactive just like my websites. Its split into 3 sections
and opens like a book.

This document outlines

my design process and
design process

thinking. It includes
sketched logo concepts
as well as prototype
designs.
 kleindesigned

logo concepts

I will be using the initials kd from kleindesigned to design my logo. I

liked the idea of joining the legs of the k to the bowl of the d.

Some strange concepts made their way in but I lost them and
continued. My final design reminded me of the brackets used in HTML
or Javascript so I thought I would run with this idea.

This document outlines

my design process and I rasterized the type and adjusted the lines to give it a more
design process

thinking. It includes hand-crafted feel. I played around with colour and gradients and
sketched logo concepts added this to the logo. The logo will transition between gradients
as well as prototype when website is live. This give draw the users eye to the logo.
designs.
 kleindesigned

colour
Colour is an important tool which I use in all my designs. These
gradient combinations work very well with the off white (hex: dddddd)
and the off black (hex: 2b313).

This document outlines

my design process and
design process

thinking. It includes
sketched logo concepts
as well as prototype
designs.
 kleindesigned

resume
My resume is interactive just like my websites. Its split into 3 sections
and opens like a book. This resume will be sent in the mail or
hand-delivered.

Section 1 - Introduction
This section describes what I do and offers the viewer a quick insight.

Section 2 - Explore some more

This section lists my skills and tools I use. It also includes a section
on who I am.

Section 3 - My Learning Journey

This section offers viewers a full timeline of my learning journey.
Rather than displaying education and work experience sections I
decided to join them into one easy to follow timeline.

In the timeline I have listed my skills relevant to the item on the

timeline.

This document outlines

my design process and
design process

thinking. It includes
sketched logo concepts
as well as prototype
designs.
 kleindesigned

website / portfolio
The website was designed in Sketch app and prototyped in Invision.
This is a very clean design with interesting interactivity. I designed
the site with responsivity in mind and made it easy to build across all
devices.

1. Pull to reveal content.

The content below the background will be revealed on mouse events
such as click or drag. On the top of the website I have placed an
image (HTML with my details in it) to reveal when a user drags the top
gradient layer. This can be dragged back if needed.

The same interactivity is used to reveal the portfolio items. When a

user drags the top layer, the portfolio item will be displayed below it. A
more detailed description of the portfolio item will be displayed when
a user drags down the top layer.

2. Logo transition
An animated gif or SVG animation will be used on the logo that will
transition between gradient colours.

3. The menu will open down to reveal the menu items as well as a
contact form.

This document outlines 4. Simple icons with icon descriptors will guide the user through the
my design process and website. Interesting descriptors will be used to steer away from the
design process

thinking. It includes norm.

sketched logo concepts
as well as prototype
designs.