Week 3: Beginning my Site Creation

This week I’ve been focused on creating the initial stages of my folio site.

We began by creating a content matrix, to determine all of the content which would need to be included:

content-matrix

Following this, I created a visual mockup of my home page, to use as a guide for creating the code.visual-mockup

After this, I began coding the home page itself. This wasn’t a straightforward process, despite my attempts to make the design as simple as possible. Most of the issues came from aligning all of the divs to be where I wanted them on the page, and as you’ll see, I still haven’t got it working as well as I had planned in the visual mockup.

home-page-screengrab

There’s some issues with the distance between the social media icons and the line above that I can’t figure out for the life of me…but hopefully I’ll be able to get this working soon!

My (attempt) at coding, just using placeholder links at the moment, is below:

Untitled - Notepad

And the CSS code:

Untitled - Notepad

Untitled - Notepad

SEO Improvement

We also looked this week at SEOs (search engine optimisation), and I personally found the whole process to be a little confusing. Between search engines there seems to be different ways of improving your SEO, and particularly in the case of Google, it seems to be mostly automated by them with the exception of using paid advertising. My aim for improving my SEO ranking will most likely not include advertising, at least unless there is a need for this later down the track. I think the main way to do this will be the strategic use of keywords, particularly related to my brand, so that this can be read by the ‘spiders’ Google uses to read the content of websites. I think using social media could also improve this, as using a branded username will also improve search listings when there are multiple brand presences available to choose from.

The link to my page is www.c2bydesign.com. Feel free to take a look!

Week 2: Developing Concepts

This week I’ve been working on the concept for my folio site, creating site maps, mood boards and wire frames to explore the direction I want to head in.

I tried a couple of directions for the site map, but I think the simplified (second) option is going to be the best.

sitemap_version1

sitemap_version2

The first concept:

moodboard-1

wireframe_1_homewireframe_1_aboutwireframe_1_foliowireframe_1_contact

This concept is quite feminine and contemporary. It would primarily use a brush script typeface, with watercolour and gold accents. There would be a hero image used as the background, with content boxes placed over the top. The navigation would be on the footer, with small icons used as links to social media.

The second concept:

moodboard-2

wireframe_2_homewireframe_2_aboutwireframe_2_foliowireframe_2_contact

The second concept is a bit moodier, and would use an almost monochrome palette. The typefaces would be a combination of a classic serif and contemporary sans-serif, and could potentially use texture and pattern as the background on each page. The menu for this option would be sticky, attached to the top of the page while navigating.

The third concept:

moodboard-3

wireframe_3_homewireframe_3_aboutwireframe_3_foliowireframe_3_contact

The third and final option is a lot cleaner than the other two. It uses a pared back navigation menu and more white space to allow the content room to breathe. This concept would use primarily a monochrome menu, with small amounts of yellow and other bright colours used for emphasis. There would also be more images used in this option on each page, to create uniformity in the design.

At the moment my preferred option is the last (third) concept, purely because it is simpler and allows the content to be viewed much easier. Going forward, I’m hoping to develop this concept further.

 

Week 1: Brand Values & Site Purpose

The brief for Assessment 1A is to create a folio site which showcases our work to a particular target audience.

We were required to brainstorm how we wanted to be perceived on the site, as well as values for our personal brand and other areas of clarification, such as skills and strengths.

brainstorm_scan

My brainstorming session looked at this through how I wanted to be perceived, my skills, strengths and design style.

Following this research, I’ve decided that my audience for the website will be potential clients whom I could undertake design work for. This would be graphic design services, predominantly branding, poster and publication design for small-medium businesses and individuals (i.e. photography business, wedding event, cafe, etc.).

I want this audience to gain a sense of my creative style, as well as my design capabilities. I want them to take away that I am knowledgeable, passionate and hard-working; and that these are traits I can carry through into work created for their business.

Ideally, I want them to request a work estimate, most likely through a form on the website, and also connect with me via social media (Instagram, Behance, etc).