AUTHOR

Draftss Team

humble ecommerce jewelry logo design

Layout Feedback for Landing Page: HumbleBs.com

Hello Everyone, We are covering HumbleBs.com for our feedback round. Here are a few suggestions to improve the current version of the landing page UI/UX: Add the URL in the logo for better brand recognition as the visitor can get confused about the actual URL and the company name. The title and subtitle text seem to be inside the image and hence is not SEO friendly. This would also create an issue in responsiveness. The “Thankful for feedback” title text should be something else. Also, move this whole section should be moved to the last. The blog post section should also come in the last. The flow of the website should be as following: Hero section, Trending beauty, Jewelry collection, Beauty essentials, jewelry, Will you be my valentine, then all testimonials should come together and then the blog post in the end. Change “Our valued customers” text to something else from the footer. Repeat the logo in the footer. Use the color from the logo for all titles. If you want Landing Page feedback for your website too. Just head over to Getfeedback and subscribe to get FREE feedback for your landing page UI/UX. If you want Graphic Design for your website; head over to Draftss.com and get designs on a monthly subscription.

Read More »
monocle reader branding and logo design

Landing Page Feedback: MonocleReader.com

Hello Everyone, We are covering MonocleReader.com for our feedback round. Here are a few pointers for the current version of the landing page: I couldn’t understand why is there an “i” inside your logo? Since the majority of your landing page is center aligned, your logo should also be center aligned. You should also add the URL underneath the logo so that people remember the URL which would help in the user remembering your brand better. I see that the whole website is placed inside a container/panel. It would look much better if you could eliminate that panel by removing the drop shade from the left and right side and making the current container/panel having full width. Read the internet text could be bigger and you could add a full stop at the end to make it look more like a statement. Add line spacing in the sub-title to make it more readable. I really loved how you’ve implemented to show the dark theme of your product to the reader on the screenshot hover. What if the size of the screenshot slightly increases on hover too? Add the title “Roadmap” in the respective section. I think the footer could be redone better. Maybe you could add a few testimonials from your early customers. Probably add a FAQ section too. I am not sure what kind of questions your users would have for an RSS reader. But I am assuming if you are targetting a regular internet user who might not necessarily know what RSS or Feed is; a FAQ would be helpful for him. If you want Landing Page feedback for your website too. Just head over to Getfeedback and get FREE feedback for your landing page UI/UX. If you want Graphic Design for your website; head over to Draftss.com and get designs on monthly subscription.

Read More »
app ui ux remote team wireframe design

Project Management Tool Website Review: Artemis App

Hello Founders, We are covering Artemis App for our feedback round. Here are a few suggestions to improve the current version of the landing page UI/UX: The black background in the header doesn’t look interesting. You can use a background similar to the shade of the icons. See document attached for reference Artemis logo could be better The paragraph underneath “Artemis helps you automate your team’s project workflow and collaborate together, all while having full control and privacy over your tasks” is a bit too long and users always want to read between the lines when they first visit any page. You should make a few important words bold or have them underlined, words like automate, project, workflow, collaborate, full control, privacy. How are you different Section seems pretty good, nice and clean Rest everything looks fine, proper symmetry and spacing, I believe that’s because you have used Landen to built it. It would be very difficult to correctly judge the UI/UX for the in-product with just an image that you have on the landing page. If we can have a link to the actual page then yes we would love to help you with feedback for that as well. If you want Landing Page feedback for your website too. Just head over to Getfeedback and subscribe to get FREE feedback for your landing page UI/UX. If you want Graphic Design & Landing Page UI/UX with Code for your website; head over to Draftss.com and get designs on a monthly subscription.      

Read More »
get feedback by draftss product launch

Product Launch: GetFeedback by Draftss

⛵ GetFeedback by Draftss was an insight from our Draftss.com landing page. We received many responses from founders appreciating our landing page or wishing they had an equally cool landing page as ours. What we did, we helped them make their landing page better than ours. To validate the product, we tested GetFeedback by Draftss with an MVP a few months ago. We helped more than 100 founders in improving the UI/UX of their landing page. ? Today, we’re finally shipping GetFeedback by Draftss where founders can get constructive feedback for their landing page UI/UX. We would love to know your thoughts on how we’ve been doing, and would you find us useful. We’re happy to answer some questions too! Check it out: http://draftss.com/getfeedback

Read More »
missing ui/ux features

Common UI/UX Mistakes on Landing Pages

Hello Everyone, A few months ago we conducted an experiment where we started providing constructive UI/UX feedback to founders to improve their landing page UI/UX. We received many responses from founders who wanted to improve their landing page UI/UX. We helped these founders in evaluating a few major components like Design, Content, CTAs and Overall visitor journey. We have more than 10 years of experience in the design domain: http://draftss.com After completing 100+ in-depth feedbacks of landing pages for different side-projects; here are a few common mistakes that founders do, which negatively affects the look & feel of their landing page. Here are a few mistakes & corrections that we would like to share with the community: Cluttering the website with too much data It seems like a dire need for founders to put as much data as possible to explain their product better. But too much data can backfire confusing the customer in understanding what your product is all about. This makes the website look boring, uninteresting & confusing. In such cases using different font weight, size, colors, relevant icons or relevant graphics makes the landing page more meaningful & engaging for the visitor. Using too many colors Using many colors randomly on your landing page does not make it look more fancier. Colors are used to differentiate the contents of the website. They facilitate the customer in quick understanding of what the color denotes. Ideally, the easiest way to set up a color palette for your landing page is to use colors from your logo & add complimentary colors to it. For each of these colors, have a lighter & darker tone available which would help you set up a complete color palette for your landing page. It’s best to start creating your landing page once you have set up your color palette. Footer is important Many founders did not include a footer on their website. If included, it wasn’t used effectively displaying the relevant navigation to your website. Ideally, you should have a footer which should possibly have all the links from the navbar, and other links which couldn’t be put in the navbar. You should also have social links, even though somebody will not click it but having them builds trust in your website. You should also put some contact details; either email or phone number which adds to the credibility of your website. You can repeat the logo in the footer. This is also an important factor for brand recall. You can convert the logo into a single color and put it in your footer. Missing call to actions This is one of the most critical errors that founders missed for their landing page; i.e. not having a call to action near the end of the landing page (just before your footer). This is the point where the customer has been through your complete product and understands what you are all about. It’s the best place where the customer is most likely to buy your product/services. Ideally, all pages redirected from the home page to other important pages must have call to actions too. Unaligned website contents The content of the website is set to full width and not aligned as per the container. The flow gets lost and the whole page becomes confusing and irritating for the visitor. This will lead to the visitor bouncing off much quicker. Description consistency & balance Many products had multiple features to pitch their customers. But each feature had different description lengths between 1-5 lines. This creates an imbalance in the landing page which makes it look fuzzy. All description length must be equal and ideally 2 lines or a maximum of 3 lines. Typography Many landing pages had multiple fonts used on the website. Ideally, you should be using 1 or a maximum of 2 font families for your website. Avoid any fancy font for a blob of content. It becomes unreadable and hence more likely for a visitor to bounce off. Most creators use a default line spacing. Adding slightly more line spacing to your text would make it more readable and interesting. These are some of our very important observations that we felt would be helpful for founders to improve their landing page. We’ve tried to cover the most important components, however, there can be more. After the experiment was complete, we were still receiving requests from founders to provide feedback for their landing pages. So we went ahead and created a complete product out of it. Product URL: http://draftss.com/getfeedback

Read More »
unlimited graphic design & frontend code

Draftss – Frontend Code (HTML5, CSS3, JS)

Hello Readers, Last week, I posted that we’ll be making some major updates for Draftss by upgrading our existing services and adding new products in our inventory. We have been working on providing unlimited graphic design service for founders looking to create some beautifully designed logo, landing pages and illustrations for their side-projects/startups. So far we have been designing Web UI/UX for our customers, but now we have MORE than just designs. You can get Unlimited Landing Page UI/UX done with clean and pixel perfect HTML/CSS/JS. We are starting to support HTML5, CSS3 and JS for the frontend Web UI/UX deliverables.

Read More »
professional graphic designer

Hire a professional graphic designer for your startup

The more we think about what determines a good designer, the more we realize that identifying a true professional graphic designers at the core is an ultimate aim of any startup’s expectations of hiring the right designer for their brand. Understanding the differences between ‘Amateur graphic designer’ and ‘Professional graphic designer’ is essential for any startup to minimize their risk of wasting time, effort and money. Therefore, here are a few key points worth noting: Amateur graphic designer stops performing after completing a design project. Professional graphic designer understands that initial achievement is a beginning of a long-term relationship. – Amateur graphic designer has a goal. Professional graphic designer have a process. – Amateur graphic designer thinks they are good at everything. Professional graphic designer understands their circle of competence. – Amateur graphic designer value co-incidental performance. Professional graphic designer value consistency in performance. – Amateur graphic designer procrastinates the odds of achieving good outcomes. Professional graphic designer understands what improves the odds of achieving good outcomes. – Amateur graphic designer focus on being right. Professional graphic designer focus on delivering the best outcome. – Amateur graphic designer sees feedback as criticism. Professional graphic designer knows their weak spots and seeks out constructive criticism. – Amateur graphic designer gives up at the first sight of failure. Professional graphic designer sees failure as part of the path to growth and mastery. – Amateur graphic designer thinks knowledge is power. Professional graphic designer pass on wisdom and advice. – Amateur graphic designer focus on the short-term utility of design. Professional graphic designer focus on the long-term utility of design. – Amateur graphic designer focus on criticizing other designers. Professional graphic designer focus on teaching other designers. – Amateur graphic designer thinks the reality is what they want to see. Professional graphic designer knows reality is what’s true. – Amateur graphic designer considers disagreements are threats. Professional graphic designer considers disagreements as an opportunity to learn. Conclusively, we think of these traits as a differentiator between a professional graphic designer from the rest. These traits are very crucial in determining the expected output as well as minimizing the risk taken by the startup.

Read More »