Chelsea Mamma

Screen Shot 2015-02-14 at 16.19.59Kara (aka Chelsea Mamma) contacted me after hiring Ellie Illustrates to create a header for her blog, asking me to create a theme based around Ellie’s lovely artwork.

I looked at the overall style of the header; the colours, textures & fonts that had been chosen, and designed a theme based around these. We chatted about what Kara wanted from her website, and after she filled in my web design questionnaire I had a good idea of where to start.

I created custom social media icons based on the header, and then chose a watercolour paper background for the site to keep the feeling of texture throughout. An opaque background on the sidebar gave it distinction without losing the texture. After talking about menu options with me, Kara went back to Ellie to commission additional artwork for her image menu and about me link, all of which I incorporated into her theme.

Kara’s latest photos are showcased in a widget in her sidebar, which uses the featured/first image of recent posts with the “image” post format. Image posts also have larger images on the homepage, with regular posts having a smaller thumbnail alongside the post excerpt.

Screen Shot 2015-02-14 at 16.20.08For Kara’s sidebar, I put in a “grab badge” code for the badge supplied by Ellie Illustrates, and then created a Vloject 52 badge using Ellie’s artwork, and added that along with a grab code also.

I used a slideshow plugin to condense her brand partnerships into one widget which scrolls through the various brand badges and logos.

Screen Shot 2015-02-14 at 16.20.14For the site footer, I built in three widget areas for the additional badges and advertising that Kara didn’t want in the sidebar.

A few links to important pages on her site are served through an additional menu (editable in the WordPress Appearance settings) can be found at the bottom of the footer.

Chelsea Mamma

Chelsea Mamma

Rachel in Real Life

Rachel had a theme design done by Jade and hired me to create a custom theme using Jade’s graphics.

I used Webfonts and CSS effects to get the first word of each widget title a different style to the rest of the title – without having to use images for the titles. This gives Rachel the freedom to use whatever widget title she wants, and add more in future, without having to have new images made.

As Rachel is keen to share more photography via projects like Project 365, I used the image post format to give her two styles on her home page. Non image posts show a small thumbnail (using either the featured image, or the first image from a post), and image posts use a large, full width, image, with the excerpt underneath.

I installed the theme & configured everything, including installing an Instagram slider widget to showcase Rachel’s mobile photography.

Screen Shot 2015-02-14 at 16.35.03

The Hazel Key

Jade designed Chelsea a new blog for her relaunched blog, “The Hazel Key”, and I turned her design into a custom WordPress theme, and installed it.

I love the colour scheme and fonts that Jade came up with for this site, I think it works really well.

There were a few layout tweaks from the original design, and a few challenging bits I haven’t had to do before, including learning how to use CSS3 image borders, and incorporating an image background into the WP post navigation.

Of course, the site is full mobile responsive, and SEO friendly.

Screen Shot 2015-02-14 at 16.28.34

What the Redhead said

Project Type: Tags: ,

I worked with Donna to do a complete rebrand of her “Redhead Babyled” parenting blog, as she wanted to take her blog to the next level, and cover a wider range of topics. The aim was to make what the Redhead said the next stage of her blogging journey, with a nod back to Redhead Babyled through font choices, background image and her “Redhead” colour.

Site Move

As this was a complete rebrand, it included a URL change. I managed the transfer, moving her files & setting up a new database for the new site. 301 redirects were put in place to ensure visitors & search engines wouldn’t reach any dead ends.

Design

All of the design work was completed by myself, including photo manipulation and the graphic design. I included a matching blog badge, sidebar links, and social media icons. Donna provided me with a family photo and the design colour scheme was based on this, with customisation options on the WordPress back end so that Donna can change the photo and update her colour scheme to match.

Custom Code

I built a completely custom theme for this blog. A custom plugin was written in order to index her recipes, competitions, weight watching, money saving and review posts. Some of the custom indexes used featured images, and I also included widgets with slideshows to showcase the latest giveaways and recipes.

I worked closely with Donna to configure new plugins and design the look & layout of this site. It is fully responsive, including a built in responsive advertising slot.

what the Redhead said

This slideshow requires JavaScript.

Rock n Roller Diary

Graphics by Jade Alana Design, with additional design work by myself. Ruth wanted to have “boxes” with featured images and post excerpts on her home page, so we opted for a pinterest style layout.

Responsive Design

Jade’s original design called for the menu to sit either side of the blog logo. I made this responsive so that the menu drops below the logo on smaller devices and windows, rather than have text overlapping, or an unreliable image map that would have been hard to read on smaller screens.

Rock n Roller Diary

This slideshow requires JavaScript.

The Cheshire Wife

Graphics by Jade Alana Marshall Design.

Emma got in touch after Jade designed new graphics for her WordPress site, but she wasn’t sure how to implement them. I created a custom theme based on Jade’s designs, which is fully responsive. Emma chose to use featured images & excerpts on her home page.

The Cheshire Wife

Screen Shot 2015-01-02 at 18.55.57

Around and Upside Down

Design & layout transferred from previous Blogger design, with the addition of an image menu.

Blogger to WordPress transfer of all posts, comments & images, with a 301 redirect on all posts. Vicky wanted her transition to be as seamless as possible, so I replicated as much of her previous design on Blogger as I was able to within the constraints of the WordPress platform.

Around and Upside Down

This slideshow requires JavaScript.

Clearly Bex

Hot pink, and lots of it!

Bex wanted “hot pink, hand-drawn stick people, and FUN” – I think I managed to meet this briefing.

I worked with Bex to choose web fonts for her mobile-friendly responsive design, and drew stick figure representations of her family for the graphics.

Typedock to WordPress

I moved Bex’s content from Typedock to a self-hosted WordPress installation, using an SQL dump file of her data. This involved several steps of data manipulation both within SQL databases and export files. Comments, images & post content were all transferred successfully, and page content was manually transferred. 301 redirects are in place to avoid broken links.

Tech Support

As she was new to the platform, I spoke to Bex about what functionality and sidebar widgets she wanted, and installed & configured the necessary plugins to do what was required. I set up an index page for her reviews category, and installed analytics software. I’ve been supporting Bex with her queries & problems since we got her set up.

Clearly Bex

Screen Shot 2015-01-02 at 23.35.15

Monsters Fun House

Graphics by Jade Alana Marshall Design. Monsters Fun House was a really enjoyable project to work on, full of bright colours and adorable monsters. We used a pinterest style layout, using featured images and post excerpts, and a featured posts slider so that Nicola could highlight her most important posts.

The colour scheme for this site is unusual in that it uses seven bright colours which alternate throughout the site. I installed & configured various plugins to provide the functionality Nicola required.

Monsters Fun House