Web Design: Goldman Digital

Helping the Goldman Digital establish branding and a landing page improving their client visibility.

Goldman Digital is a digital sales agency run by Lila Goldman. My goal for this project was to design a brand and landing page that would display Lila's trust and professionalism and provide a place where her clients could find and connect with her.

Live site: https://www.goldmandigital.co.uk/



The Problem

Goldman Digital needed an online location where clients could quickly book a call with them. This place needed to highlight Goldman Digital's experience, professionalism, and services.

The Solution

The Solution was to…

• Design a responsive landing page which used a dark, bold, and simple aesthetic to clearly communicate Goldman Digital's modern professionalism.
• Make all action buttons have the same function. All buttons are labeled the same ("Book a Call") and all of them take the user to Goldman Digital's Calendly link.







Competitor Benchmarking

In order to understand the industry as well as the style Goldman Digital wanted to encapsulate, I conducted some competitor benchmarking and usability reviews. I reviewed two websites; Adwhile and Contrarian Thinking. I found:

• Both of their styles were bold and simple and used a dark mode design.
• They displayed testimonials from previous clients in a way where users could quickly see and read testimonials from several clients.
• They simplified and broke down their services, providing numbers for how their agency has benefited clients.



Ideation

With a better understanding of how Goldman Digital wanted their site to look and function, I began ideating by section. They wanted their landing page broken up into 6 sections:

1. Hero Banner
2. Introduction Video
3. Brand Partners
4. Testimonials
5. Services
6. Final Call to Action

It was important to display their content in a way that would support their experience and professionalism while fitting within their branding.

One of the trickiest sections was the testimonial section.

The Problem

They wanted to display 8-10 testimonials, but wanted them to all be viewable at once (no carousel).

My Solution

I could create a grid of small cards which focused on the text with a small bio section. Now all testimonials could be viewed on the screen together while maintaining a simple and readable design. The style of cards resemble those found in social media as well which promotes Goldman Digital's modern professionalism.

Wireframes

Using Miro's wireframe library, I built out wireframes for each page of the website to map out the new layout and information structure.

Wireframes of Desktop Version with notes

Styles & Components

Once Goldman Digital approved of the wireframe, I built a design library of interactive components, colors, and text styles to maintain consistency while I worked in Figma.

Preview of Design Styles and Components used in Landing Page design

High Fidelity Prototype

Using the design library I made, I was able to build an interactive prototype for both a mobile and desktop version of the landing page. The two versions contain all of the same elements with the biggest difference in the testimonial section.

Desktop Version

The Desktop prototype remained simple, showcasing the dark, bold, and modern brand that is Goldman Digital. The only direct interaction is the hover effect on the primary button. All buttons are labeled the same ("Book a Call") and all of them take the user to Goldman Digital's Calendly link. The sites simplicity ensures the user can easily read the content and can complete the desired action efficiently.





Mobile Version

The mobile version maintained the general layout and structure as the desktop version, with two major differences.

1. A continuous scroll was added to the brand partners section. This allowed for the look of the page to match the desktop while still allowing the user to see all of the brands Goldman Digital has worked with.
2. The testimonial section became a carousel. This allowed the grid from the desktop version to be maintained while users are able to scroll and read through all testimonials.





Development

Upon approval of the landing page, I uploaded the prototype to Framer. I developed the website through Framer so that it's function matched the interactive prototype and was then published. You can find the live site here: https://www.goldmandigital.co.uk/

Three key learnings

1. Responsive design is essential to ensure accessibility across all devices.

2. For a design to be successful, you need to maintain a friendly but professional relationship with the client in order to encourage creative collaboration and to achieve both the business and user goals.

3. Technical Learning: The creation of interactive components in Framer.

Next steps

With the landing page live, I need to monitor the page's analytics and conduct a survey with my client in order to determine if the page is successful in achieving an increased number of conversions.