Acosta Group Website Redesign

- UI DESIGN -

Intro

  • The client was a marketing and sales agency headquartered in Florida with offices globally. They wanted to rebrand themselves in order to appear more friendly, modern, and minimalistic.

  • Working with a cross-functional team to come up with ideas for the re-design of the main website with a user-centered and mobile-first approach. During the rebranding, our task was to come up with the look and feel based on the inspiration provided.

  • Creating a look and feel with large levels of ambiguity and a lack of assets such as their new logo and images.

    1. Communicate clearly their services and who they are

    2. Attract talent into their workforce.

    3. Increase the number of contact forms received

Style Guide

A new style guide was pitched by using the inspiration Acosta provided with a more modern look and feel.

Client’s inspiration

New Style Guide

Text Styles

text styles- acosta project

UI Elements

ui elements- acosta project

High-fidelity wireframe

Current version

VS

Redesigned version

Hero

  • Included a clear description of who is Acosta Group and what they do.

  • Sticky tab bar instead of a hamburger menu.

  • Showcased case studies and other relevant information utilizing slides.

  • Made '"contact" available to the user

Services

  • Brief description of each service utilizing a carousel.

  • Option to learn more about each service and head to the services page.

  • Used imagery to convey the message and attract the user's attention

Channels & News

  • Created icons for each channel describing each line of business.

  • Formatted icons to display four channels at once.

  • News section amplified to showcase articles related to trends in the field and important events occurring at Acosta Group.

  • Added imagery/videos to make this section more interactive.

  • Snippet of an article to draw users' attention.

Results

  • Instead of presenting the benefits of choosing Acosta Group in a paragraph, the information was sectioned to highlight the positive results in a numerical format.

  • Used size and color to create hierarchy.

Clients & Office locations

  • Clients’ logos were presented in color instead of black and white and reduced the space taken by organizing them in a carousel and showcasing four brands at a time.

  • Acosta Group wanted to highlight that its brand is global, so a section listing each of its offices' worldwide addresses was added.

Join our team

  • The "Join Team" section was very important for Acosta to attract new talent. Therefore, I tried humanizing this section by adding imagery and a motivating description of Acosta's work culture and opportunities.

Footer

  • The social media icons were distributed horizontally giving enough space for users to click on each of them individually

Final thoughts

Looking back at the design presented, I was satisfied with the new look pitched to the client for their website redesign. However, as a designer, I am always looking at retrospectives to find aspects I would do differently and elements that could have been designed better.  I would have liked to have had direct contact with the client to better understand the style they were trying to create, as well as their likes and dislikes. I would have loved to have the time to do some usability testing in order to make sure we were actually designing for the users and not only to satisfy the client’s taste.