1. Half-Page Graphic 

Most commonly used for landing pages these elements are pretty simple and allows you to create contrast. Play with layers and give the illusion of depth to help your main product or service photo pop. 

https://www.straightfromyard.co.uk

2. A Framed Viewpoint 

This element can help you present CTAs (call-to-actions) in fancy ways. Limit the scrolling area in a frame and create empty space at the top and left or right areas. These layouts are often seen on architecture, museum, corporate, and other formal websites. 

https://korsel.bold-themes.com/main-demo/home-5/

3. Horizontal Scrolling  

Think of this element like you are flipping through a book or magazine. This element is best if you have a portfolio of items to show off. For example, you are company sells luxury wine. You can showcase you top sellers on your home page and users can “flip” through to view your brand’s story and products. A word of caution for this element, it can be glitchy on mobile so you may have to deactivate it for phone viewing. 

https://scepterandsword.com

4. Translucent Skewed-Shape Layout 

Use an abstract shape and dim the opacity a little to partially obscure your product or service shot. It acts as a little sneak peek and gives a feeling curiosity to your website. Brands that also want to covey speed, strength, and boldness usually adopt this layout.  

http://www.themestarz.net/html/lovely/index-parallax.html#nav-home

5. Dynamic 3D Renderings

Pre-rendered video or 3D scenes as backgrounds can create a unique look to your product or service. There are free assets available on websites like Canva.com, Pixabay.com, Shutterstock.com, and Adobe.com. 

https://www.drpepper.ca/en/

6. Line Design

Lines are an underrated way to clean up you design. Strategically place lines to break up important info. This will also come in handy if your website is copy heavy and has only a few pictures. 

https://www.display.care

7. Arrow Links

Point to where you want users to go to. Where they are bold or thin, arrows are a universal symbol of direction. Place them in areas you want potential clients to interact with. They can act as a sales trail for visitor.

https://consulting.stylemixthemes.com/barcelona/

8. Marquee

Use keywords as decorative elements for momentum-scrolling websites. Brands that use short action words should incorporate this element either at the top or the bottom of your home page. This will give you website movement and encourage the user to stay on your page longer. This great if you want to gain a higher-clickthrough rate. 

https://chriscarruthers.co.uk/home

9. Chaotic Centered Hero Piece

This is when a horizontally centered product or service has used different fonts, typefaces, and misaligned images that create abstract look. Be careful with this technique. Avoid putting any important in hard-to-read layouts. This look is mostly for snappy headlines and images that do not show off the product or service directly. 

https://www.therailpark.org

10. Gravestone Images

Gravestone images refer to an image with top border-radiuses edited to make the full composition look like half circle shape or a gravestone. Perfume, Shampoo, Vitamin, and other Wellness or Beauty website adopt this layout to look cleaner and more high-end. 

https://dt-aia.myshopify.com

11.  Misaligned Card

These kinds of cards have the text floating partially outside the background creating a nice depth effect for your product or service shot. This is best used both in informal and elegant styles. Make sure the drop shadow isn’t too intense otherwise it will look dated. 

https://theartoffinance.biz

12. Add a Hamburger Menu

In lieu of a traditional navigation where you see all the page names, try a hamburger menu. It appears as 3 lines at the top right corner of your website. Mobile is becoming the first device most people will see your website in, and the hamburger menu is more mobile-friendly than traditional menus. 

https://www.atumobile.com

13. Use Bauhaus Shapes

These shapes are generally made with rectangles with maximized border-radius on 1 or 2 corners. Bright colors are also incorporated. Bauhaus design has a rich history, and more people are starting to appreciate it in web design, not just print or architecture.

https://yourleadershipbridge.com

14. Rotated Text

Vertical text for headlines is a great element to create if you want to encourage users to scroll down. Like the marquee style, avoid using for important info, but use for headlines that are easy to read or well known to your audience. 

https://avantt.displaay.net

15. Animated Cursor

This element is underutilized by most. Not only is it fun, but it can act as a call to action. Have you mouse cursor come up as a circle that says “click” will encourage more people to interact with your website. User will stay on your website longer if they something to engage with. 

https://www.lecantiche.com

Let our team create a website with 1 or more of these elements for you. Call 248.528.360

The post 15 Graphic Elements to Improve Your Business’s Website  appeared first on Miller Media, Digital Marketing Agency, PPC, Industrial Web Design, WordPress.

1. Collect Detailed Demographic Data

Ask “Do customers even want this project?” or “How does my product/service meet my customers’ expectations? After that, do market research on who might need your product or service. Discover their daily habits and compare them to your product or service. Think about in what way will it help improve their lives. UX focuses on getting to know a specific demographic and building a product/service that will enrich and engage those users. The goal should be to get them to purchase initially and continually engage with your business. Use Google Analytics and keep track of who is already visiting your website pages to start. Look for their location (do get more local engagement or distant engagement?), age, gender (including non-conforming), profession, and lifestyle (what other items or brands do they purchase from).  

2. Build Strong Customer Relationships 

UX incorporates extensive knowledge of the customers to gain an understanding of why they use the products or services they do. This helps you build what customers need, as well as what they want. Getting to know the habits and expectations of your target audience means you can speak to them more easily. Hit specific messaging points that will bring them into harmony with your company’s mission. Social media and information sharing define consumer tastes. So, if you get stuck don’t be afraid to ask directly through email surveys or social media polls or questions. These two effective marketing avenues could be considered a successful user experience in themselves. 

3. Create an In-Depth Competitive Analysis

Examine the landscape of products and services that users may choose to use instead of yours. It is vital for creating the right set of features that will make your business different from similar brands or services. You want to fill in the gap that your industry has yet to solve. This type of analysis helps your marketing team recognize what features resonate with potential consumers, and therefore should be emphasized in your marketing material. Start with a framework to guide your assessment. Frameworks usually include these items:

• Mission
• Elevator pitch
• Products offered
• Strengths
• Weaknesses
• Brand differentiators

After establishing a framework, select targets based on what other options your customers have. Prioritize which competing businesses you want to keep a close eye on and those that currently offer a product or service most like yours. You want to monitor them in the long term. Also be on the lookout for partnership opportunities with your competitors. Sometimes your strengths and weaknesses balance each other out. 

4. Make Sure There is Adherence to a Core Idea 

Your product or service must serve its central goal. Every feature and interface element needs to serve the core of the product/service. Follow good UX practices, like staying true to your core messaging at all your company’s brand touch points. From your website and offline to social media, your marketing material must look like it belongs to your company while simultaneously relating to you target viewers. Regularly audit your marketing material to make sure every piece has purpose and is fulfilling the mission of your company. If you are busy, start with hiring a digital marketing agency once a year to consult and discuss your marketing material. They can help with one area of your marketing that you are neglecting, or they can simply provide thoughtful questions to help you improve your client’s experience. 

Let us help include thoughtful UX into your business’s marketing strategy! Call 248.528.360

The post 4 Necessary Elements of UX Design for Your Marketing Plans  appeared first on Miller Media, Digital Marketing Agency, PPC, Industrial Web Design, WordPress.

First, start off your web design by design for everyone, in other words, make sure your design is based on the basic principles of UX/UI design. Resist assuming older adults need increased font sizes or that they will be viewing your design on the iPad only. Some maybe near-sighted or far-sighted, some maybe on a laptop, phone, or desktop. Research what goes on in their daily lives and how they use their devices. This will help when you come up with a design with the goal that will direct them to your product or service. 

Secondly, for brand elements, imagery, and headlines avoid labeling everything as “Senior” and using cliché photos or illustrations. Not all old adults are bed ridden or on death’s door. Most are self-sufficient and may need a little help here or there in certain tasks. Use imagery that has them active, doing daily tasks, or using your product or service. Also avoid photos with washed out, hazy lighting. For some reason certain photographers think it portrays the “golden years’, but in reality, it looks messy and out of touch. The same can be said of chalky or pastel sketchy illustrations as well. These were fine when the newspaper was the medium but looks dated on digital devices. 

Tech illiteracy of older generations is a fallacy and myth that still proceeds, and it is annoying. People 50 and over were the first generations to adopt tech. They bought the first cell phones, played Pong, used the first Mac and Microsoft computers. They didn’t grow up touch screen natives, but that doesn’t mean they didn’t grow up exposed to certain user interfaces. Think about design that trains and builds habits of modern use. For example, the “hamburger menu” seen on mobile website is second nature to younger generations, but old generations may not know the purpose. Instead viewing is as incompetence think of way to meet them halfway. Try labeling the “hamburger menu” as simply “menu” near the graphic. This will let them know where the navigation is as well as make them remember for future websites. 

Lastly, while it would be best to hire a digital marketing team with the target audience included in the web design team, that isn’t always possible, or you are not able to tell who is on the team. However, it is possible of testing to be done by the target demographic. LinkedIn, Reddit, local outreach, job boards, email surveys, and more are all available ways to create a testing group for your web design. Take notes on what they found easy or hard. Take these notes to the design and development team to make improvements based on productive feedback. 

Ready to create an Age friendly website? Call 248.528.360

The post Design for Your Parents, Not Your Peers appeared first on Miller Media, Digital Marketing Agency, PPC, Industrial Web Design, WordPress.

1. What is the core flow of your user’s experiences?

How easy or hard is the experience suppose to be? Is it a website with games where tension is exciting, and friction is expected or it an ecommerce site that needs to be simply navigated to make the end-user happy? If you integrate a new feature, does it help or hinder this process? If unsure continue testing, if everything is working fine, launch!

2. Is the user’s ability to do a particular action going to determine the success of the launch?

In ecommerce, if a client completes a purchase by clicking a cart button that means the launch was successful. For a service-based company, a contact form was successfully filled out and sent to the correct email, it means the launch is successful. These processes should work smoothly. At least one test should be conducted on different browsers and devices to make sure everything if functionally correctly. If the buttons aren’t working notify the developer, and test again until it works. Once everything is working, launch! 

3.  Is this an area where we anticipate users could have difficulty?

Identify any pain-points a user may have. This may include the user interface design. Is the design accessibility-friendly? Is the design suitable for the target audience? Check if designs work on both on mobile and desktop. Are there any important instructional elements running off the page? Does one feature work on mobile, but not desktop? If possible, have someone from your target market or a group for your target market test at least once, identify any issues, and fix any problems in the front-end or back-end until 99% successful. 

4. Does this change the way current customers are accomplishing their tasks? 

Is this going to impact what customers are currently doing? Newer is not always better. Sometimes people can go too far into innovation that no one knows how to navigate your website. Make sure the basic principles of design are being followed. If a feature proves cumbersome for existing users to adapt to, it may be worth another look. You may need to replace it with an easier or more commonly used feature. Testing will also let you know if you need to invest in an onboarding experience to transition users accustomed to the previous version. This will come in handy for updates being made and whether you need to invest in instructional usage. For example, when we upgrade a php website to WordPress we send an instructional video or pdf for the use to refence for when they make updates. 

5. Is there already an industry best practice? 

For example, do you know that a green button signals success and a red button stops users from continuing? This does not need to be tested. If a feature is common knowledge and you already checked it functionality it does not need to be tested further. You should be ready to launch right away. 

6. Is what you are looking to test a matter of user preference?

Light mode vs dark mode is a good example of how certain users prefer different set ups but isn’t explicitly impactful on the overall project. If is your first test has a split percentage of reactions, it may be a simple user preference that you don’t need to spend too much time focused on. Your focus should be elements that focus on the main goal that will bring success. If unsure test one more time and if the percentage is still split move on or launch anyway.   

7. How much effort is this test going to take? 

Do you have the timeline necessary to undertake this effort? Always have due date for the project to be done, especially if you already spent money on it! Limit the number of tests that can be done. If the project is failing discuss a pause to the project and see it there is a way to exit the project or re-organize the timeline. This should be rarity if you discussed the timeline in the first initial discussion, but chaos happens and it wise to develop a web strategy with testing at the beginning of the project to avoid time wasting. 

Develop a web UX design with us! Call 248.528.360 

The post 7 Questions to Ask Before You Test Your UX Design appeared first on Miller Media, Digital Marketing Agency, PPC, Industrial Web Design, WordPress.

1. Include an intro screen/card 

Having an intro can help testers know where to start and know what they are looking for. It can be a graphic explaining the goal and the problem the product is trying to solve. 

2. Make it easy to start over 

For digital experiences make a home, back, or re-start button easy to find. For printed or manufactured products provide sample sizes so you don’t have a huge inventory. Create a survey, review, or checklist a tester can send back. 

3. K.I.S.S.

Keep It Simple Silly. Break the project up into small simple tasks and delegate to multiple people. For example, if you are testing a website check on-page at a time, then make corrections. After that move on to the next page and do the same process. Look at the whole website internally before the launch.

4. Work with a digital marketing firm 

Sometimes there are too many avenues to explore. A digital marketing firm can explore all of them for you or help your company find the most effective testing area for your product. Experts at a firm also can organize the data so it is easy to understand. This will be useful when making corrections or figuring out when to launch. 

Start your concept test today! Call 248.528.3600. 

The post 4 Tips for Successful Concept Testing appeared first on Miller Media, Digital Marketing Agency, PPC, Industrial Web Design, WordPress.

 Easily Found

 Consistent 

 Correct Order

 Specific

 Minimize Links 

 Recommend Next Steps (blog nav)

Need to improve your website navigation? Call 248.528.3600

The post Why is website navigation so important? appeared first on Miller Media, Digital Marketing Agency, PPC, Industrial Web Design, WordPress.

Fun, Optimistic Designs 

Unique or abstract shapes & colors with images of people happy or hopeful. This is much needed during the pandemic where depression is on the rise. Lighter typefaces and interesting fonts as opposed to dark and bold fonts can also help create a sense of positive emotions. 

Black & White Color Schemes 

Doesn’t this contradict the first point? Kind of, the first point applies to many businesses, but if your business sells something serious the first point may be inappropriate. Black & White color schemes can create stark beautiful designs without overwhelming your audience. Adding subtle liquid animation on the hover can create a sense of calm and encourage interactivity. 

Bold & Experimental Typography   

This trend is more popular in fashion and magazine businesses. Large serif and san serif fonts create impact. Experimental fonts can also allow you to be unique and stand out from other similar businesses. Add animation or flex options to create a more dynamic feel to your web design. With this trend make sure you test on mobile, not all experiment fonts translate. You may have to play with characters and font colors.

Oversized Pointers 

When you move your mouse or trackpad the pointer grows over clickable elements of your website. These are like magnifying glass that gives your audience a sense of discovery and encourages them to look at your whole website. 

Three-Dimensional Design Elements 

Real-estate, architectural, and businesses selling products are adding a 3D flair to their websites. Shadows, animations, and layer effects or combining all three are ways to add a multidimensional look to your website. Adding videos with model renders or photo illustrations can also help you tell a story. 

Almost Brutalism 

Brutalism by itself can be too overwhelming for some websites but adding a lighter edge easier-on-the-eyes serif or sans serif font can soften the otherwise harsh “yelling” feeling it usually gives. The text carries the design with minimal visuals and colors, so make sure ample space is between elements to keep it legible. 

Scrolling Text Elements

Readability is important, but there is no reason why they can’t be dynamic as well. Short calls-to-action, keywords, or phrases with oversized fonts scrolling slowly left to right can create visual interest. It can also allow your audience to stay on your website longer as to read what the whole word or phrase says. This reduces bounce rate which is great for SEO purposes. 

Glassmorphism 

Corporate websites or perfume businesses may want to consider this look.  By adding transparency, frostiness, or glossiness that look reminiscent of glass to elements on your website you can create a clean style.

What to add any of these trends to your website? Call 248.528.3600

The post Top Web Design & UI Trends for 2022 appeared first on Miller Media, Digital Marketing Agency, PPC, Industrial Web Design, WordPress.