Marketing Dashboard Challenge

Hi Vatsal, I saw you have been winning these challenges for quite a while now. I guess you should take a break for some weeks and let others have a chance to win 😁

Hello Vatsal, Good UI design. I love the choice of colors used in the design. However, the challenge required us to create to create a single place where we can have an overview of the performance of each campaign. I think that is the only thing I fail to see in your design, I am seeing multiple screens of individual marketing campaigns But Good job!

Check out prototyped version here as few things are not visible at due to size restrictions: https://www.canva.com/design/DAFOqapXB7M/Si1h-A3kzl-vpqL77n3LWg/watch?utm_content=DAFOqapXB7M&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton

clean and neat design , great job gaurav!

Hi Eric, I loved the dark theme concept. What is the purpose of the chain besides analytics at the top ? Are you using it to share the data? or merely as a way to share the link. I am curious about its use case. Loved the collapsed and expanded versions of the side menu though the icon size feels a tad small. About the revenue chart It would be great if you showed numbers like 10K, 50K, the selector is cool though. Also the recent activity section is a bit confusing as the data we often get is anonymised so showing that feels out of place. and the Crown size is a bit too much. In The campaign section what does 56% completed mean is it performance ?, is it time ?, is it some other specific goal ? If so try mentioning it. Probably showing a few more metrics would be nice.

Everything looks great apart from the Upgrade to the pro plan BG tile, the alignment is off there.

Hi Eric your design and color gradients is amazing. there you can change something, 1. Your alert button, it should be upside of sidebar maybe after segments. 2. I think there is no need for add button in recent campaigns. Overall it is great design.

Hey Eric, your design for this challenge is very intuitive which is important for the users. A suggestion I would add, the users to have the ability to toggle through dark mode/light mode Overall great design💯

Hi Eric To start off, I love the idea that you decided to go dark theme for the dashboard design. With the good color choices it makes the design stand out😍 In regards to solving the challenge, I can easily see the overview of the recent campaigns on the lower part of the screen clearly, and the ability to add more campaigns in the same area. Keep it up 👏

First of all, thank you for the time spending on reviewing my design. 1. OK the leaves background image - is personal customize according to my persona"s business - natural health products. Why I did it? to give the user more connection to his world. You would probably understand more if you saw other screens but I didn't know how to upload them here (this is my first challenge here in Crowwwn). If you want you can check them out here - https://dribbble.com/shots/19642249-Marketing-Dashboard https://dribbble.com/shots/19642257-Marketing-Dashboard 2. Typos - you absolutely right. I was so eager to send this that I forgot to do spelling checking. 3. The Goals measured by the progress bar are on another screen. On the home page, It was important to me to show just as much as I think the user can deal with. If he finds something interesting he wants to delve into - he can do this with progressive disclosure.

Hey Shir, I would like to give you a few suggestions: - Why have you give this leaf background in the screen? How is it related to marketing? If you had something like a custom theme even then why have you reduced the card's opacity towards the end? That is not letting me visual separate different sections in which the screen is divided. -Adding some heading or a top header would add a lot of meaning to what you are showing at the top. - "Good Morning Adam" text is too big which is grabbing all the attention, it's not the first thing users need to see. Also on the right there is a lot of empty space on the which gives a feeling of something is missing and makes the screen look incomplete. - Try not to use bold fonts for date as the fonts are too small and that information doesn't need to be highlighted. Try to follow font hierarchy. - "Campaign Goal..." and other headings are getting merged with the background, try to use a darker shade. - Align the "Go easy.." card with "Campaign goals..." text. Arrow can go out the heading. Infact it would have been okay if you did not use the arrow because if the cards are getting cut at the edges users can easily make out this section is scrollable. You can also add a arrow after the cards instead of letting the cards cut at the edge, that would have given the screen much cleaner look. - In Campaign goals overview card try to add numbers and percentage eg. 2000 views and 70%, just the bar is giving me no information about what is the data about. -I loved how you have to add social media icons to know where the add was performing and card also looks neat. Instead of adding shadow behind the image it would have been better if you had added it behind the card as the entire card will be clickable and not just the image. - Why have you added this kind of gradient in the numbers in the new updates section? It looks like the numbers are a little faded and there is some problem with the screen. I loved the overall UX that you have tried to cover but background is something that has spoiled how the entire UI has come out to be.

Overall interesting approach. Why is there leaves in the background? what is the name of the product? there are a few typos -deadline, Purchases, Updates. Also It's showing new Why is the new Updates at the bottom? What Goals are measured by the progress bar ?. I really liked UI design skill If you address these questions it will be really be amazing.

Great work Shir , I like the attention to details (:

I really appreciate your efforts in making the mobile app solution for this challenge. Most business owners probably have access to computers to set up an advertisement or a campaign online. Mobile might be a great and easy way to look at the performance of the campaign on the go but not ideal to show the proper or in-depth data. The cards showing the platform and ROI rate are a brilliant idea. It might be a good thing if you show the date or time period as in the youtube studio dashboard and mobile app. The Ads cards quickly show the necessary things. It is very easy to understand just with a glance. I understand in some cases like these we can not show all the data or details on the mobile app or it'll be cramped up. Try to analyze the problem and pick the best and most used platform or devices with respect to the given problem statement. And use real data or text so it'll give a better understanding of the design and how it'll work. In some places like in the Platforms tab, the padding is too much. Keep it to some extent and try to follow some best practices while designing for mobile. The overall solution is good, it solves the problem up to some extent. Great work Kartikey! 👏

You managed a Mobile version so kudos to you! I cant read the the grey texts are really hard to read here. Also spotted loreum Ipsum text, Typos like -conversions. Still Pretty impressive.

Amazing work 👏

Hey I liked how you solved the problem. Why under the audience there is only a preview of Instagram ads you can give an overview of all the platforms. Also, some fonts are way too small too read ( Like the see all button) make sure that the font size is proper. Rest all seem alright Good luck.

Thank you for the feedback!

I liked what you have designed. The side menu options are interesting, though there is no logout option there. Live campaign section Ideation is good. Overall Ideation is good. I only don't like the shade of purple but that maybe me being me.

hey Core UX your design is amazing but there too much charts in a single screen makes it confusing you can try to separate them, also there is no need for two separated area for highest and lowest engagement you can just add button for that, overall its a great design.

Wow😍

Hey Hasan, Loved the aesthetics of your solution. Quite neat. Good Job. However here are a few things the solution can improve on- -In the whole design, my attention first went to the logout button which really shouldn't be the case. You cannot have the logout button look like a CTA button. -I like the use of colors but I think you use a seperate button style or color for the CTA because all the yellows then feel like they can be clicked on. Overall, I liked how you have presented the solution. Good Job

Thank You very much Sanowar Masum

Hi Hasan !! Your design looks very simple and clean to me. Not too many destruction, which I loved about your design. It looks much easier to navigate and user friendly. Congratulations...

Hey Abhishek, I would like to give you a few suggestions: Try to keep left and right margins consistent. Profile and other icon on the top should be aligned with "impact" card. Try to use same font family. Even if you use different fonts clearly define where are you going to use which fonts. In the left navigation bar, home icon seems to be squeezed width wise. Try to use some fixed set of colors, that will build a design language and make identification easier. I see a lot of different shades of blue and red. Keep hierarchy of information consistent ("$476" is not the heading- "Weekly spent" should be the heading like "campaign time left"). "Impact" title's font size and placement is also not consistent. Increase font size of sub headings "weekly spent" "29 October" etc. and "monthly" and "weekly" tabs they are too small because of which it is affecting the readability. In "$476" and "15 days" . They are at same hierarchy but the fonts and colors used are not consistent. Even 58% and 76% are not the same font size. Take care of alignment- In "impact" the graph is not aligned with "monthly" tab. In "Campaign time left", "User device" ans other cards, date is not right aligned. "Weekly spent" graph show have number to be more informative and duration is missing. Impact doesn't have any. Last updated...". In "click" it would had been better if there was some information about X and Y axis instead of just graph.

This is a pretty neat design, Krisna! I liked the colors you used here. The cards look super cool and informative as well. I guess "The October Sale" is the campaign here, check the Facebook Ads manager page and you'll get some good ideas for this. You have shown two graphs in the average deal size card, I didn't understand what they are meant for. Showing the team members under the campaign section was unnecessary I guess. The help section is a good idea. The solution is quite ok—ish but doesn't clarify the things, And what is that average visit duration? You should have focused more on showing the metrics of the selected campaign with all the necessary information in it. Great efforts and good job, Krisna!

Hello, Yugal. Nice design. But how will a user know which advertisement is more effective and profitable? I also feel the designs are not consistent. Anyway, nice try.

Keep it up, you can do better. Your research was good but you can design a better one, start observing design.

Hey Gokul, I would like to give you a few suggestions: Try to have a greater contrast between background and the information on the cards, right now the overall screen looks very dull and boring. Changing the grey cards to white will help increase contrast. In top navigation bar: add padding around the logo, add background around search or just have search icon which gets expanded when you start typing. Keep left and right margins consistent. Left navigation bar: There is a lot of space above "general". Log out can be instead profile or it should not be highlighted too much. You can avoid using black color in logout button. "My campaign", "Analytics" etc looks disabled try to use a darker tone. Card with "Total revenue", "Active campaigns" etc. The icons are getting highlighted a lot and it looks weird as those colors are not used at many places. Also try to add padding in the entire card. Traffic chart: "All campaigns" selected is at the same font hierarchy as traffic chart. Try to font size so that title gets highlighted more. Legend at the bottom has almost the same, it's difficult to identify which one is which. Stats: Reduce the space between number and total recipients. I am not sure which much information is this graph communicating with no information on X and Y axis. My Campaigns: Increase padding around title and overall in the entire card (Inactive word is touching the card's edge) Align view all with title.

Hello, Gokul. Nice design and very glad that you really understood and empathised with the problem statement. Try to work more on UI design basics like padding, colors, margins, and consistency.

Thanks for the feedback Hrithik. Really appreciate it.

Hey Prakriti! I see that you have given a solution for "performance dashboard for social media" and not for "performance dashboard for marketing campaigns" so it really does not solve the problem in my opinion. But based on what you have done here, I'd like to give you some feedback- - Visually, the screens look too distracting. There is a lack of visual hierarchy, I am not able to figure out at a glance what I am currently looking at and I feel it's a bit overdone. -I would suggest you to use multiple font weights and sizes based on the importance of the text shown. -I see multiple platforms in a single list which does not make sense. Instead, I would have loved to see a single platform's stats in one screen, meaning they are grouped together which would help me to compare the stats and make decisions -"Total Clicks in this week" would have been a great stat to compliment the graph at the top -Since you have designed for an iPhone with notch, reserve the space beside the notch for the system UI. The usable area for apps is below the notch. Good Luck.

Hello, Kresna Wira Widjanarko. First of all, a nice design. Some font sizes are too small and it is difficult to read. And I'm a little confused about how users will identify which advertisement is performing better and making a profit. It's better to add a list of active campaigns with their name and platform and show how they are performing so that users can easily make a decision regarding the advertisements.

Hey Joel, I would like to give you a few suggestions: - Keep left and right padding consistent in the entire screen. Space before "innovativeJoe..." and space after profile is not same. Similarly, space before " Gross revenue" card and space after "Best CTR" is not same -There is no way to look at information about the entire campaign. Top navigation bar - Try to maintain font hierarchy, it's very difficult to identify if "innovativeJoe.." or "Marketing Dashboard" is the Website's name. -Search bar seems to be hanging in the middle of screen, try to put in the right corner such that the action items like search and profile are at the right. -Search box can be a little bigger width as label text is very long. Also it can have same color as the background with a thin white border, that will make it less noticeable but also visible when someone is really looking forward to search anything. - There needs to be more space between profile icon and name. Cards at the top "Gross revenue", "Top Impressions"... -Reduce the font size of card titles "Gross revenue", "Top Impression" and others -Try to add consistent padding in the cards. - Try to keep legend placement consistent.Eg. bottom It helps user understand the information easily. - Try to add what X and Y axis indicate and along with percent in "top Impression" add number/figures only than any person looking at it would understand the information. -Increase the space between "Top impression" and " country". Try to add more space after the legend information. - In "Best CTR "card the grey lines are barely visible, use a slight darker shade of grey instead. Card in the bottom left - Add heading to make it clear what information is there in the card. - You can have edit, share and filter as buttons instead of simply adding text and move all of them to right and align with the card edge. - For pagination the needs to be more space between the arrow and selected number. It can be moved to the bottom of the card. - The light grey patch that you have used to separate 2 rows is barely visible. - The card looks overloaded with information try to increase the card's width to add space between 2 columns. Card on the bottom right - Again, try to add a heading. - Move legend to the bottom, that is the first thing that is visible to me which is not a primary information. - Add more space after the month names and "Operating cashflow.." and increase the padding after "Operating cashflow..".

Since it was my first Time Didnt know where to add more about the Design. So Adding a bit more Context here. -updated the search text to indicate what searches can be performed. To select any past or specific campaign or Any specific metric. to show all the ads. - The Profile Icon will have a dropdown showing profile, archive, settings logout option. - Switchable tabs to indicate revenue for the duration. Percentage indicator on hover in Impressions and - ROAS-(Revenue on Ad Spend). ROAS is the most important indicator in performance marketing. - Edit option with icon to add delete or modify campaigns. - Expiry tab to show when the Ad ends. Also I have Considered only ads and not Email blasts or SEO marketing as the brief was to create all in 1 Advertisements management system.

Hey, Aditya! I am quite doubtful about the solution that you have given for this week's challenge. You haven't included a section to show the performance of each of the advertisements.

Hello, Aditya. First of all, an awesome design. But it would be better if you added a list of active campaigns with their name and platform, and showed how they are performing so that users can easily make a decision regarding the advertisements.