The Art Therapy Agency Website Redesign

Background

Founded in 2011, The Art Therapy Agency is a membership based group of art therapists. The agency was set up to raise awareness of art therapy as a creative alternative to talk therapies. They specialize in offering a reliable service from their therapists to a range of different audiences, as well as membership support through regular training and support groups. After ten years, they are now looking for a redesign to make their branding more modern.


Restated Brief 

Branding

The first part was to create a new logo and set of branding for the Agency. Like the website, the client stated that they wanted the brand to look more fresh and modern. This included redesigning the brand’s colour palette, as well as completely redesigning the logo. From the first meeting, the client said that they wanted to keep a similar colour palette to what they already had, however update the colours to look brighter. The Art Therapy Agency needed a logo which could work in a variety of different formats, including online on their website and social media, as well as physically printed onto letterheads.

 

Website

The second part was to redesign their website. In particular, ensure that it is more user friendly and has a modern style. The client made it clear that she wanted the website to be much easier for users to find suitable therapists for their specific needs. This would be achieved by having a search bar option, which was missing in the Agency’s original website. The client also wanted to include a feature that would allow all the therapists to be able to edit their own pages and add anything they want without having to ask an admin to do it for them.  Along with the client, we agreed that both of the deliverables should keep the same colour palette to create consistent branding.


Teamwork

To help manage the workload and to meet our deadlines, we split the work evenly. We decided to break the job down into two sections; the branding (including colours and logo) – which Ellie designed, and the website – which Kamal and Dan designed. This meant that we weren’t all working on the same thing at once and that we could each manage and organise our own sections. As well as this, we frequently discussed the project using an online team group-chat to ensure that we were all in contact and working together as a team to tackle the brief. Setting up a group-chat was also really beneficial for our team as it allowed us to give each other regular peer feedback on each other’s work.


Extension of Deadline

Between us and our client, we agreed on an extension for the deadline of the project. This was mainly because we felt like we were rushing the design of the website and we did not feel like we would be able to meet the deadline with a quality of work we were completely happy with. Our client was very lenient with the deadline because she didn’t mind when she got the redesigned logo and website as long as it fully met her demands and we were all happy with it.


Logo and Colour Design

For the logo we spent a while at the start of the project brainstorming ideas together before Ellie took on the task on her own. Doing this was helpful as it gave us a wide range of initial ideas to take to our supervisor and the client. One part of important feedback that we got from our supervisor in the early days of the job, was to ensure that we were presenting our logo ideas to the client as part of a mockup (Logo mockups). We found this feedback really helpful taking the job forward as it allowed the client to be able to visualize what the logo would look like on the website, not just on a blank document. 

 

The icon

The Art Therapy Agency’s original logo had no icon, it just used typography. One of the main things we wanted to improve with the logo was it’s adaptability to social media platforms – which was also an important factor in modernising it. For us, this involved creating an icon to assist the typography for the logo. To start the design, Ellie hand painted some different shapes to explore how the idea of ‘art’ could be visually portrayed to users . Using a paintbrush to create texture, the hand drawn style also indicates the work that the Agency does. We felt that this style worked really well as it looked soft and inviting and our supervisor and client also agreed. For the icon shape, after feedback from our supervisor about initial sketches (Initial sketches) we decided to brand away from stereotypical concepts such as hearts and stars and really consider the brand’s aims and missions. We wanted to create a design which promoted the caring, inclusive nature of The Art Therapy Agency and so we began to look at circles – a symbol of togetherness and inclusion (Paint experiments) (Heart paint experiments). This idea worked really well and our supervisor was happy with how the circle looked in the brush stroke style, alongside the cursive typeface ‘bree’ – which we had chosen due to it’s soft and friendly style. There was a lot of experimentation using the circular icon (Logo experimentation) and in the end, we decided to create two different logo formats to give more flexibility for the Agency to use. One logo is a longer rectangle logo, which can be used to letterheads and sections of the website with more horizontal space. The second version is a circular logo, which can be placed in social media icons and areas with more square space. Creating two versions of the logo was more challenging than Ellie initially thought, as she had to ensure that they both looked consistent with the brand, whilst having different layouts.

Overcoming problems

We thought that we had finished the logo, as both our client and supervisor were happy with the design and it worked well across both the long and round formats, however we then realized an issue. Luckily before the logo was signed off, our client contacted us with her concerns that it looked very similar to their rival agency. On our behalf, we had failed to ask the client about their main competitors at the start of the project, which then caused these problems later on in the job. Reflection upon this, this has been a learning curve as it has taught us to always consider the client’s competitors during the research process, before we start any designs. However, we quickly responded to these concerns and came up with a solution to the problem and “save the day” as our client kindly said. By exploring with brush stroke marks again, Ellie came up with the idea of half a circle (RJ00485_BrushStrokeIcon), which our client said looks like a smile when placed alongside the typography. They really liked the way we had incorporated the text and image to create this and so we chose it for our final designs (RJ00485_Long_Logo) (RJ00485_RoundLogo).


Website Design

For the website design, it was crucial to first find the right wordpress theme for the client’s website. To narrow down the wordpress theme options, it was essential to make a list of the features needed, choose a responsive theme while keeping in mind the branding and the structure of the website. After taking everything into consideration, we found a theme that met all the requirements which was also approved by the client.

After choosing the theme, it was essential to download relevant plugins for the website which bring in important functions to the website, whether it’s UI and UX design, SEO, site speed, online store.. etc Whatever we needed, was most likely covered by a plugin. It was a bit challenging at the beginning, because we weren’t familiar with certain plugins, but after doing our research, we learned how to use them. 

Once the relevant plugins were downloaded it was time for us to get familiar with the wordpress UI, which includes sections such as:

  • The welcome pageThe most important areas of the admin panel listed as quick shortcut links; including a step by step section on how to make your website look good.
  • PostsWhere you create blog posts.
  • MediaUpload images and other media files.
  • Pages – Create sub-pages for the website.
  • AppearanceChanging your site identity (site name, colours, logo, typography etc..)
  • Plugins – Install and manage website plugins.
  • UsersManage user accounts that can access the admin panel of the website
  • Settings – The main settings.

After we got the hang of it, we dived straight into the design of the main pages. We met with the client several times to discuss what the main pages should be, how they should look and the features that should be included. Due to previous experience, we suggested using a plugin called Elementor, which is a website builder that controls every aspect of the website design work-flow from one place. This was a great suggestion because it made designing the website a lot easier thanks to the simple, powerful and flexible visual design tools and a faster performance. Thanks to Elementor we were able to straightaway start with the Homepage, while adding the other main pages into a menu bar. The menu bar includes; the home page, about page, therapist page, a join us page and a contact page. These pages were designed taking into consideration the client’s requests according to her standards, the branding and the visual content approved by the client after the meetings. 

After finishing with the page designs, it was crucial to optimize the website and make sure that it was compatible with other devices such as desktops, tables and mobile phones. This was also another challenging aspect of this project, but with the help of everyone we managed to make a responsive website compatible with different devices.

Last but not least it was important to map the domain before launching the website. The domain management of the website was another important task in order to fulfill the website’s identity. The client was already paying for a domain host, so it was our job to map the domain to WordPress and launch it.


Reflection

Dan

Personally, it has been an enjoyable project, however it took much longer than any of us would’ve thought. At the beginning of the project, I did not have any experience in designing a website with full functionality. However, it was a steep learning curve and I have learnt a huge amount of experience that will benefit my career. We definitely had times where we struggled in creating a good solution, but we worked our way around any issues swiftly. The main challenge of the project was to create a website that looked great visually, but also had the functionality that would make it successful, and I believe we have achieved that. In general, we had a close relationship with our client as we met regularly to go over changes and make any new ones to suit our clients demands. To improve in future projects, I should manage my time better and ensure deadlines are met. 


Kamal 

Overall, the project went very well. I really enjoyed it even though it took a lot longer than expected. One of the main reasons why I chose this Real Job was because I had some experience in web design, however during the project we encountered a lot of unexpected challenges such as finding the right website plugins and learning how to use them which took time to learn. Nevertheless, we managed to overcome these hurdles as a team and reached the client’s expectations. I’ve learned a lot throughout this project and gained plenty of experience which will come in handy in the future.


Ellie

This project has really opened my eyes with how long rebranding jobs can take. Despite a couple hurdles, I have really enjoyed working on this job with Dan and Kamal, of whom I had not worked closely with before. I think that we worked really well as a team as we were in constant communication regarding the job and we weren’t afraid to give each other constructive criticism. I chose this job as I am interested in a career in branding and I feel that this job has taught me some valuable lessons for that – such as making sure I fully research the client’s competitors so I don’t cause any copyright issues later on in the project. As well as this, I have also learnt a great deal about the production side of creating logos, which will be beneficial for my future as a designer.