1. Floating Images

This month, it’s all about the images. Each of the design trends we spotted has to do with the images you select – or don’t select – for a project and how you use them.

Here’s what’s trending in design this month.

1. Floating Images

Sometimes you design off the grid intentionally. Other times you are designing on a grid that’s maybe not-so-obvious. One of these things is happening with the floating images website design trend.

Here, you’ll see images and image containers that don’t seem to have any direction with their placements. They may or may not include animation, that further emphasizes the floating effect.

Floating images can include:

Cutouts that aren’t anchored to anything or any container
Images that are scattered on the canvas
Images in oddball placements that don’t seem to serve a purpose
Any image or element with an obvious off-the-grid location or spacing
Images that use different orientations or lack depth for perception

The challenge with this style is that it can look cohesive and organized or can turn into a jumble of parts rather quickly. It can take a lot of user testing to find the right balance.

Repeat uses animated, outline-style images in the background that have seemingly random placements. The floating effect is further emphasized by animation and the overlapping of images and other elements.

HummingYard uses images in a container in the design but the placements don’t have obvious meaning. There’s also a floating leaf on the right side of the canvas and a call to action button that appears to be off the grid as well. Each of the elements seems almost haphazardly placed, creating a floating effect for the entire design.

Wealthsimple uses a bunch of smaller different images to create a floating cascade of elements. The three-dimensional icons almost look like they are falling down the screen. Some overlap text elements, but most do not. It all feels a little random, but the images do frame and help bring the eyes toward the center-screen text elements and call to action.

2. No Images

If floating images aren’t your thing when considering a trendy design element, maybe no images is the answer.

In this design trend, the aesthetic comes together without any true imagery. The design uses mostly text with maybe an icon, logo, or small divot. The result can be a fairly stark design, but there’s a distinct focus on the words.

This trend is not so difficult to design, but storytelling and language are vital if you want users to interact with the design. No images can sometimes be off-putting to users who are looking for something visual.

Fandes Consulting uses a super simple black and white design with a simple call to action on the homepage. The scroll cue has a nice animation that helps you get a little deeper into the design quickly. (There are also more interactive elements and images after the scroll.)

Diego also uses a simple and stark aesthetic for his website. Again, there’s a simple animation for engagement and there’s more color and some imagery beyond the scroll.

Ashfield MedComms has the most color of these no-image website examples. With a navy background and a green icon, you can feel your eyes moving more on the screen here. There’s also more to read and a scroll animation to further the engagement.

3. Merged Text and Images

The merged text and images trend is the most complex of these design examples. Here, designers are creating overlapping layers for text and image (or animated) elements on the screen so that there’s a lot to consume visually. This can be a highly engaging concept, but also one that’s difficult to develop.

This design trend can be immensely beautiful when done well. Layered elements are exciting and have a “designed” feeling to them.

The visual challenge is this: Maintaining the readability of words and letters, especially when you are thinking about the responsiveness of the website. Animation or motion can add another level of complication.

If you are planning a design like this, it is important to plan for breakpoints and even have a fallback for what to do when readability becomes a concern. The desktop and mobile aesthetics might have different feels here to ensure that you have an easy-to-understand visual theme for both.

The Most Dangerous Places for Sailors includes text and an image element (the ship) that are tucked behind an animated water layer. What’s especially nice about this design is how the water looks just as dangerous as the words convey thanks to motion and the shape and color of the graphics.

Meow overlaps text and an image in a way that almost obscured readability, but the word has enough context that it’s generally understood. If you click through, there’s a fun little animation with the cat as well.

Champoleon the Valley of Dreams tucks part of the text into the mountains for a foreground to text to background layer set that’s beautiful and unified. There are a lot of layers in this design, making it much more complex than it appears on the surface. On the scroll, the rest of the site continues this layered theme with text and images that overlap and share space.

Conclusion

Which of these image trends is most appealing to you? They are vastly different approaches to website design and can work for different projects in different ways. They also range in development complexity, from super easy to manage – no images at all – to potentially challenging – merged text and images.

The post 3 Essential Design Trends, October 2022 first appeared on Webdesigner Depot.

10 octobre 2022/par Service comm.

How to Start a Web Design Agency in 28 Days: Week Three

Two weeks ago, you started a web design agency. Last week you began to define your agency by choosing clients, setting red lines, and writing your elevator pitch.

This week, we will implement some practical solutions before problems occur. Remember one task per day; it’s a marathon, not a sprint.

Day Fifteen: Terms of Service

In the rush of excitement surrounding a new project, it’s too easy to skip the preliminaries and jump into work. Before you know it, you’re halfway through the job, and it’s too late to set terms.

Your terms of service document is a formal statement of the terms under which you agree to work. This document is best prepared by a legal professional with experience in your jurisdiction, but you can write it yourself with a bit of guidance. Fortunately, as a web design agency, you’re not supplying physical products, which simplifies the document considerably.

You should include a statement limiting your liability. You need to assert your intellectual property rights. Unfortunately, you also need to include details of what happens when a client fails to pay an invoice.

Write the document in clear, friendly language. Don’t use marketing speak, and do not try to disguise anything onerous. A good client will respect you for being upfront in a professional manner.

Your terms of service should be on your website and sent to potential clients alongside any quote — I know some people who send their terms in the same PDF as the quote, so the client can’t overlook them.

Day Sixteen: Project Management

Project management is probably the most crucial skill you’ll have to master. Meeting deadlines, bringing in enough work to cover the bills, and not pulling all-nighters depend on effective project management.

A huge and ever-growing number of apps promise to help you with project management. We have a list here of some of the best. However, if you already have a tool you use to manage your work that you’re comfortable with, consider sticking with it. Do not fall back on a notes app or a pen and paper.

Remember: organizing your work days is not billable. The more you can automate this process, the better.

Day Seventeen: Quotes & Invoices

Up until now, we’ve deliberately done one thing per day. Today, we will do two because they’re so closely related.

There are all kinds of business documents that pass money back and forth between companies, for example, purchase orders or credit notes. For a small web design agency, you’ll need two: a quote document and an invoice document.

Invoices are documents requesting payment and providing the details for payment. Quotes are previews of an expected invoice.

Some people like to have a receipt document that they send out to acknowledge payment. However, in my experience, sending a hand-written email is better; it’s an excellent opportunity to personalize your communication and foster a good relationship.

There are legal requirements that vary by jurisdiction, but an invoice typically includes: your trading name; the invoice number — an incrementing number code; your tax code if you have one; your address; the time the client has to pay — “Net 14,” meaning the total amount within 14 days is standard; the date issued; the client’s name and address; a list of services provided together with the rate for each service and the total; the pre-tax total; the total amount of tax; the total; and most importantly a way of paying.

Back on day two, you contacted your tax department to determine your liabilities. You may or may not have to charge sales tax or VAT. Always include the amount of tax on your invoice, even if the total is $0, so it’s clear whether or not it has been charged.

A quote document is virtually identical to an invoice, except that you remove the payment requests. You should also add a note stipulating how long the quote is valid — 3 months is standard.

Plenty of services will create these documents for you as part of an accounting system. For example, Xero, FreshBooks, or Bloom. Even PayPal will allow you to send invoices. If you prefer, you can create your own quotes and invoices and send them as PDFs — this option is best if you want total control over your documents’ design, but it will take longer, and it’s worryingly easy to make a mistake.

Day Eighteen: Social Media

Start today by researching social media accounts. Look at the list of target businesses you made on day eight; which social media channel do they use the most? For example, if the niche you picked on day three is restaurants, they probably use Instagram. If you chose retirement communities, they probably use Facebook.

Once you have a clear picture of your clients’ channels, pick one (yes, 1) and register an account.

Social media is a significant drain on your time and provides considerably less return on investment than you might expect. So, choose one service that your prospective clients use and start building your profile. It’s far better to invest your time and effort in a place your clients will notice you than to spread yourself too thin.

Day Nineteen: Domain & Hosting

It’s another two-task day. We’ve grouped these together because domains and hosting are frequently rented together.

Back on day nine, you selected your tech stack. You’ll be building your own site with the technology you offer clients, so it’s important to ensure your hosting enables this. If you intend to develop with WordPress, you need WordPress hosting. If you intend to build with Wix, you need a Wix account. If you’re planning on offering any kind of web app, you probably need Netlify.

Whatever you choose, choose something appropriate for your tech stack. The only exception is if you plan to specialize in a niche service like Shopify, which is entirely inappropriate for an agency portfolio.

There are endless debates over whether or not you should register a domain with the same company that hosts your site. Everyone seems to know someone who knows someone who registered a domain, and then something improbable happened to cause them to lose the domain that wouldn’t have happened if they’d hosted separately.

Back in the real world, simplicity is a gift you give yourself. Choose a reputable company, register a good domain, host in the same place, and let their support sort out your DNS for you — many good hosts will even give you free domain rental for a year to entice you to take up their hosting.

Good hosting is reliable, with plenty of room to grow. If it can be cheap too, that’s a bonus. It’s common to start with bottom-end(ish) shared hosting and expand to a VPS (Virtual Private Server) at some point in the future.

Day Twenty: Email

Despite the massive growth in messaging apps over the last decade, email is still your most important business tool.

Depending on the hosting you set up yesterday, email inboxes may have been included. If not, you’ll need to set up a separate email provider.

You’ll need a general email address. Traditionally this has been info@, but hi@, hey@, hello@, and ciao@ are a little more friendly.

You need a personal email address that’s just for you. For example, I use ben@.

You also need a separate account for finances that you can use for invoicing and services like Stripe and PayPal. accounts@ or billing@ are fine.

Finally, you’ll need to set up a catch-all email forwarder for all the times people guess your email, mistype your email or assume you used info@. Forward those emails to your general address.

Once that’s done, set up an email signature for each account. Include your logo, contact details, and the social media address you set up a couple of days ago.

Finally, update your email address with your hosting company, social media account, and business accounts.

Day Twenty-One: Rest

That’s it for this week. So shut down your machine, go outside, ride a bike, go on a hike, learn to skateboard, and relax with family and friends.

We’re approaching the sharp end of this process, and next week will be busy, so do whatever you do to recharge your batteries.

Featured image via Pexels.

The post How to Start a Web Design Agency in 28 Days: Week Three first appeared on Webdesigner Depot.

19 août 2022/par Service comm.

How to Design an MVP Web Page

HTML vector created by vectorjuice – www.freepik.com

Learning how to design an MVP webpage or website could be one of the best things you can do as a site creator in today’s digital world.

In a fast-paced landscape, where customer preferences and technology are constantly changing, most companies don’t have time to dedicate months or years to each web project. The longer you take to complete your website, the more likely your creation will be outdated by the time you hit “publish.” That’s why countless creators are beginning to take a different approach.

To avoid wasting time, money, and effort on something that doesn’t deliver a significant return on investment, designers are now building “Minimum Viable Products,” or “MVPs.”

Here’s what you need to know about creating your MVP webpage.

What is MVP Web Design?

Typically, the “MVP” development process is most common in the app or software creation world. It refers to when a developer builds the simplest version of a technology capable of achieving specific goals. For instance, if a company wanted to create an ecommerce app, they would design a simple tool capable of listing products, enabling payments, and tracking orders.

After launching the MVP product, the company or developer would check to ensure it had the right impact on the target market and generated positive results. Using feedback and analytics, the developer would then begin to add new features one at a time.

MVP design aims to ensure you’re developing the best, most valuable product for your audience while getting your solution to market as quickly as possible.

The same strategy in MVP app and software design can also apply to website creation. Rather than building a highly complicated website with multiple features straightaway, the designer would focus on creating a single page equipped with the essential elements.

For instance, instead of building an entire site for your online course, you may develop a single-page website where customers can learn about the system, sign up, and pay for their membership. The great thing about an MVP web page is it allows companies to start advertising their solution, product, or service quickly, with the minimum initial investment.

How to Create an MVP Web Page

Creating an MVP web page is similar to designing any Minimum Viable Product. Throughout the project, the focus will be on keeping the development process simple while collecting as much feedback as possible.

Here’s how you’d get started with an MVP web page.

Step 1: Planning

Planning is an important stage in any web design project. It’s particularly crucial in the MVP landscape, where you need to define the most critical features of your webpage or website to ensure it’s “viable” for your needs. The initial planning stage can sometimes be the lengthiest part of the process, depending on the amount of research you need to do.

For the most part, web designers and companies will begin by conducting market research. This means examining crucial concepts intended to drive your strategy, such as:

Your target audience: Who are you trying to target with this web page, and what will they need from your site? A user persona can be helpful if you don’t already have one.
Competitors: Who are your main competitors in this space, and what do their web pages offer? Which features do you need to replicate or avoid?
Goal setting: What is the main objective of this web page? What do you need it to do, and what might it need to accomplish in the future?

The key to MVP web page planning is ensuring you look holistically at your project without thinking too far ahead. The site you create should be capable of scaling and expanding in the future, but it shouldn’t have too many features from day one.

Step 2: Creating Your Feature List

Once you’ve done your research and formed the foundations of your plan, it’s time to list all the features your MVP web page needs to have. Unfortunately, this is where the process can get a little complicated. It’s easy to start adding capabilities and components that aren’t necessary to make your site more exciting or competitive.

As worrying as it can feel to release a very basic web page, remember your focus is on rapid growth and development. With this in mind, concentrate on narrowing your feature lists down into:

Initial must-have capabilities: First, decide what your web page can’t thrive without. If the primary goal of your page is to sell software subscriptions, then you’ll need to implement tools for collecting member information and payments.
Next stage functionality: Consider the features you might add once you’ve confirmed your webpage is effective. This will allow you to ensure you’re creating a platform that can expand to suit future needs.
Possible future requirements: You can also list features that might be helpful in the future but don’t necessarily need to be implemented immediately. For instance, if you’re selling an online course, you might create a separate page where people can sign up to learn about future lessons.

Step 3: Finding the Right Software

Next, you’ll need to decide how to build your web page. There are several options available to today’s designers. An open-source solution is usually the best route for designers who need to create something specific from scratch. However, if the factor that makes your solution “viable” is unique, you may need access to code to bring your idea to life.

Alternatively, if you’re building a basic webpage capable of something like collecting customer email addresses or facilitating transactions, you might be able to use an off-the-shelf tool. CMS services for web designers can reduce the work and expense involved in creating a minimum viable product.

For instance, you might use a tool like Wix or Squarespace to edit a pre-existing template and simply drag-and-drop the features you need into the right places. On the other hand, if you’re planning on adding more functionality to your site down the line, it’s worth checking if any builder you will use has the right level of flexibility. Many tools will allow you access to code, advanced features, and essential module-based building functions.

Step 4: Implement Your Analytics

One of the essential parts of an MVP workflow is feedback. When you roll out your MVP, you’ll be looking for insights, guidance, and analytics to help you decide what your next steps are going to be. As a result, MVP workflows are based heavily on experimentation.

This means you’re going to need the right analytical tools in place to track crucial information. You can implement tools for collecting customer feedback directly. It’s also worth having a system in place for tracking metrics like:

Conversion rate;
Traffic numbers;
User behavior;
Most used/least used features;
Technical site performance;
Bounce rate;
Average time spent on the page.

While Google Analytics is one of the most popular tools for collecting insights in the MVP website design world, various other options are available. You can even find tools with in-built heatmaps to see how people navigate your site more effectively.

It’s also worth having A/B testing components in place. This will allow you to test the different “new” features you add to your web pages over time and examine how they influence your conversions and support your goals. For example, you can use A/B testing to explore the impact of everything from CTA button colors to webpage copy and offers.

Creating Your MVP Web Page

In the fast-paced web development and design world, the old-fashioned and slow approach to designing web pages is growing increasingly less common. Instead, an MVP strategy may be the best bet for companies looking to go to market faster, collect insights from their target audience, and accelerate growth.

Though getting used to this design strategy initially can be challenging, it can save you significant time, resources, and money in the long term.

The post How to Design an MVP Web Page first appeared on Webdesigner Depot.

Source de l’article sur sap.com

17 août 2022/par Service comm.

Dirickx modernise et accélère son activité services avec SAP FSM

Actualités, ERP & Applications, SAP

Le Mayennais Diricks souhaite booster son activité services. Mais il lui faut pour cela s’équiper d’un outil de gestion des interventions. Pourvu d’un ERP SAP, l’industriel a opté pour la solution SAP Field Service Management.

Dirickx est le premier fabricant français de clôtures, portails et contrôles d’accès, à destination des particuliers comme des professionnels. Tissé, soudé, rigide, barreaudé ou sur mesure, Dirickx peaufine son savoir-faire depuis 100 ans déjà. La société emploie plus de 300 salariés et réalise 50% de son chiffre d’affaires au travers de la grande distribution : BigMat, Castorama, Leroy Merlin, Point.P…

En 2017, la société est reprise par des investisseurs belges, avant de devenir la filiale d’un nouveau groupe, PICOT, toujours implanté à Congrier, en Mayenne. En plus de son activité industrielle, le groupe assure des tâches d’installation et de maintenance, au travers de Dirickx Espace Clôture et de Dirickx Services.

Dirickx Services est une entité en pleine croissance. Fin 2021, elle faisait déjà travailler une dizaine de techniciens, mais avec un processus de gestion des interventions encore très basique. « Les fiches d’intervention étaient transmises sous forme papier à nos bureaux, qui se chargeaient de facturer le client, ce qui pouvait faire prendre jusqu’à une dizaine de jours, témoigne Laurent Dargelosse, Manager de Dirickx Services. Pour développer cette activité, il était impératif que nous options pour un outil capable d’accélérer la remontée et le traitement des informations de terrain. »

Un projet couronné de succès

Comme toutes les autres sociétés du groupe, Dirickx Services réalisait déjà sa comptabilité sur un ERP SAP. Il était donc logique d’y intégrer la facturation client, puis d’y rattacher un outil de gestion des interventions. La solution SAP Field Service Management (SAP FSM) est apparue assez rapidement comme un bon candidat pour gérer les opérations de maintenance réalisées sur le terrain.

« SAP FSM répondait à tous nos besoins, confirme Benjamin Subile, Responsable informatique chez Dirickx : gestion du planning des techniciens, enregistrement des temps, remplissage et signature de la fiche d’intervention, remontée de photos et notes, automatisation de la facturation dans l’ERP. Le tout à l’aide de tablettes qui accompagnent les techniciens sur le terrain. »

Dirickx cherchait un intégrateur SAP FSM capable de travailler en français. Une relation tripartite s’est mise en place, avec d’un côté Codilog, se chargeant des licences et de l’interaction avec SAP, et de l’autre l’entreprise Canguru, pour son expertise sur la solution SAP FSM.

Le projet a démarré en février 2021, avec une mise en production début décembre 2021. Le temps nécessaire pour permettre aux équipes de réaliser toutes les tâches requises : achever la bascule de Dirickx Services vers l’ERP SAP, activer le module de gestion des ventes, mettre en place SAP FSM, puis former les utilisateurs et les équiper en tablettes.

« L’un des points sensibles était la connexion de SAP FSM, qui est une solution cloud, à notre ERP SAP ECC, qui est déployé on premise, signale Benjamin Subile. Nous avons pour cela utilisé le connecteur standard proposé par SAP, qui permet aux deux solutions de communiquer de façon fluide. Cette intégration facilitée est un des avantages d’avoir opté pour une solution qui fait partie de l’écosystème SAP. »

Un outil rapidement adopté par les techniciens

Après une courte phase d’adaptation, les techniciens se sont approprié la solution. « S’ils ont pu être un peu sceptiques au départ, dès les premières utilisations, ils ont adopté l’outil, explique Laurent Dargelosse. Il leur permet de travailler plus efficacement et d’avoir une vision plus claire sur leur planning et leur stock. SAP FSM a apporté beaucoup d’améliorations pour les intervenants travaillant sur le terrain. »

Et il était temps, car l’entité Dirickx Services s’est fortement développée depuis début 2021, en passant de 13 à 18 techniciens, assurant chacun 2,5 à 3 interventions par jour. « Une telle charge n’aurait pas pu être gérée efficacement avec un processus papier », confirme le manager de Dirickx Services.

Cette croissance devrait se poursuivre, avec une vingtaine de techniciens d’ici la fin de l’année et un redécoupage du territoire français en trois régions, contre deux actuellement. Le groupe étant également très présent en Belgique, il envisage de développer l’activité Dirickx Services au Benelux, ce qui devrait – là encore – se traduire par de nouvelles embauches de techniciens de maintenance… lesquels seront équipés de tablettes connectées à SAP FSM.

The post Dirickx modernise et accélère son activité services avec SAP FSM appeared first on SAP France News.

17 août 2022/par Service comm.

How to Start a Web Design Agency in 28 Days: Week Two

Last week, you started a web design agency. This week we’ll help you take the next steps towards making your agency viable.

The first couple of days were spent on legal checks and taxes. After that, you’ve picked a niche to specialize in, an awesome name, worked out how much you’re going to charge, and set up business accounts. Then, finally, you took a day off to prepare for this week. (If you skipped any of those steps, go back and catch up now.)

This week, we’ll start defining who you are as an agency. The process is the same as last week: focusing on one task per day. By the end of the week, who you are as an agency will start to become apparent.

Day Eight: Choose Your Clients

For any new business, the temptation is to grab any work you can get to keep the money flowing in. However, chasing money is counter-productive; you end up clutching at opportunities instead of taking a targeted approach.

Last week you selected your niche. Today, you will choose the clients you intend to work for. And we mean that literally: draw up a list of target clients.

Do you want to work for Nike? Fine, add it to the list. Think Apple would look good in your portfolio? Add it too. Make sure you add a few that are more realistic but don’t aim too low.

By the end of the day, you should have a spreadsheet of companies to target.

Day Nine: Tech Stack

Now you know who your agency is planning to work for, it’s time to identify the technology stack you’re planning to offer them.

It may be that you will be a full-service agency handling everything from branding to custom apps. Alternately, you may perform better handling one aspect of the job well and outsourcing the rest.

However you plan to approach the actual work, you’ll need a full-stack solution for most clients. That means brand design, web design, marketing and content, front-end code, content management, and SEO.

The best advice is to focus on your existing strengths and develop a skill to an expert level. Then, once you’ve done so, you can expand sideways to plug any gaps.

For example, moving into WordPress development is a good option if you already know HTML and CSS. On the other hand, if you’re more design orientated, a site builder approach using SquareSpace or Shopify might be a better fit.

Technologies change, so you shouldn’t expect your core technologies to stay with you throughout your career. But these are the solutions you’ll become an expert at over the next few years.

Day Ten: Define Your Red Lines

All companies have brand values, whether they define them or not. So at this stage, it’s more practical to look at what you’re not prepared to do.

Everyone has red lines that they’re not prepared to cross. Would you work for a pornography company? Would you work for a radical political group? Would you work for a controversial religion? Would you work for a company with a patchy human rights record? Would you work for big pharma?

There’s no right and wrong answer to this; it all comes down to your personal values. However, you will be asked to cross the line at some point. It’s easier to say “no thanks” if you know where the lines are in advance.

If you don’t have red lines, that’s valid too. But be aware that once you’ve crossed a line, that line will stay crossed; you’ll attract more of that type of work, which will define you.

Day Eleven: Write Your Elevator Pitch

An elevator pitch is a short couple of lines that can be delivered to a prospective client on a (hypothetical) elevator ride between two floors.

When someone asks you what you do, “Um, well, you know, mostly just websites and stuff.” Is not a good answer.

Your language should be natural, non-technical, and self-assured. Something like, “We help startups like yours outperform their competitors on Google.”

Once you’ve settled on a good elevator pitch, practice it over and over. Write it on a post-it and stick it to your monitor, screenshot it and use it as your phone’s wallpaper. Say it over and over in the shower, in the car, and in the elevator. Learn it so that when someone asks, it trips off your tongue effortlessly.

Day Twelve: Pick a Coffee Shop

You don’t need fancy offices to start a web design agency, and in fact, the first agency I worked for tanked primarily because they couldn’t afford their office lease.

People are used to remote work now, and most meetings can be conducted by video call. But you will still find clients who like to meet one-to-one, especially for a kick-off meeting.

It’s always best to visit a client’s premises if you can, but coffee shops are a good alternative, and every new agency should have one.

Consider your coffee shop your meeting room. If you’re lucky enough to be in a town or city where there are a few to choose from, try to pick one that matches your values: quirky and independent, efficient and corporate, etc.

Check when the quiet times are (you don’t want to be shouting over the buzz of rush-hour orders). Make sure you know where the nearest parking or public transport is so that you can direct clients. Ensure the wi-fi is OK, preferably free, and find out the password in advance.

Day Thirteen: Start Your Branding

Two weeks in, you finally get to do something creative: design your logo.

If you’ve been matching days to the days of the week, then it’s Saturday. That should give you more time for this task, but don’t go to town. Your logo is going to change and evolve. It is far too easy to get wrapped up in tiny details like logos and lose sight of the bigger picture.

Remember: no logo, no matter how cool, ever won a pitch.

If you’re a designer, you probably ignored us and started the logo on day one. In fact, you’ve probably had something knocking around in a sketchbook for a while.

If you’re not a designer, type out your name in a geometric sans-serif, tighten the tracking, and call it a day.

Either way, by the end of today, you’ll have something that fits your niche, ties into your elevator pitch, and appeals to your target clients.

Day Fourteen: Rest

Hopefully, you learned the benefits of a rest day last week, and this week was easier as a result.

It’s time to do whatever you do to relax. If you can, do it outside away from your computer. Create some distance and recharge your batteries.

Next week, we’ll start putting together the assets you will use to present your business professionally.

Featured image via Unsplash.

The post How to Start a Web Design Agency in 28 Days: Week Two first appeared on Webdesigner Depot.

Actualités, Méthodes et organisation des process IT

10 août 2022/par Service comm.

Learn the Weekly Rituals You Should Master as a Software Project Manager

Today, I’d like to cover the weekly life of a project manager. When I’m managing a project, these are the things I do every week:

Identify the next milestone. Do you have a goal that is less than a month away? If not, make one up as soon as you can. Talk about the next milestone in every meeting with the team.
Update your project plan. Schedule an hour or two every Friday to review and update your project plan.
Update your risk registry. During your project planning time, update your risk registry.
Send a weekly project update. After updating the project plan and risk registry, I send out an update that summarizes where things are with all the projects for which I’m responsible.

Putting these things together will often require meetings or conversations, but having a concrete idea of what you’re delivering each week can make it more clear what to focus on.

Source de l’article sur DZONE

1 juillet 2022/par Service comm.

The Serverless Database You Really Want

Actualités, Méthodes et organisation des process IT

The dreaded part of every site reliability engineer’s (SRE) job eventually: capacity planning. You know, the dance between all the stakeholders when deploying your applications. Did engineering really simulate the right load and do we understand how the application scales? Did product managers accurately estimate the amount of usage? Did we make architectural decisions that will keep us from meeting our SLA goals? And then the question that everyone will have to answer eventually: how much is this going to cost? This forces SREs to assume the roles of engineer, accountant, and fortune teller.

The large cloud providers understood this a long time ago and so the term “cloud economics” was coined. Essentially this means: rent everything and only pay for what you need. I would say this message worked because we all love some cloud. It’s not a fad either. SREs can eliminate a lot of the downside when the initial infrastructure capacity discussion was maybe a little off. Being wrong is no longer devastating. Just add more of what you need and in the best cases, the services scale themselves — giving everyone a nice night’s sleep. All this without provisioning a server, which gave rise to the term “serverless.”

Source de l’article sur DZONE

31 mai 2022/par Service comm.

What Even Is Web Design in 2022?

The term “web design” refers to the process of planning, organizing, and editing content online. On the surface, it seems like a simple enough concept. However, the reality is what we consider “web design” can change over time, influenced by our perception of the “web.”

In 2022, a professional web designer might create custom websites from scratch, but they may also be responsible for:

UX Design: Creating elements focused on user experience
App design: Building digital components of a website or online experience.
Theme design: Creating visual tools for supplementing web design.

Web design isn’t just about making a site look attractive anymore. The definition goes beyond the aesthetic to include a complete consideration of the functionality, performance, and abilities of countless assets we engage within the digital world.

What is Web Design? The Definition Today

Web design is the practice responsible for creating a website’s overall look and feel or web asset (such as web and mobile apps). It involves the process of planning and building elements of your project, from structure and layout choices to graphics and presentation.

Web design has various components that work together to create the final “experience” of a website, including graphic design, interface design, user experience design, search engine optimization, content creation, etc. These elements determine how a web asset looks, feels and performs on various devices.

Though the definition of web design in 2022 has evolved, it’s still different from web development, which refers to the actual coding which makes a website work. When you’re building a website, you’ll need web design and web development.

Elements of Web Design in 2022

When designing a website, modern designers need to consider two overlapping concepts: the overall appearance of the website and its functionality. The proper connection between these elements will maximize the site’s overall performance and usability, and make a design more memorable (for all of the right reasons).

Let’s break down the elements of web design into its visual and functional components.

Visual Elements of Web Design

Visual elements of web design influence how a design looks. The various visual components of a design should still follow the basic principles of graphic design. In other words, designers should be thinking about contrast, balance, unity, and alignment simultaneously. The visual elements of web design include:

Written copy and fonts: A website’s appearance and the text on the site often go hand in hand. Designers need to work together with content writers to ensure written copy makes sense structurally and uses the correct fonts for legibility.
Colors: Colors for web design are usually chosen based on factors like color psychology, which demonstrates a color’s ability to affect how someone feels, and branding. Most brands have specific colors they use consistently throughout their visual assets; this helps create a sense of cohesion and unity in designs.
Layout and spacing: Layout and spacing influence how content is arranged in an app, website, or another visual asset. The right layout helps to create a visual hierarchy, guiding a viewer through a page and drawing their attention to the correct information in order. Spacing helps to separate components on a page and create legibility.
Images, icons, and shapes: Images, icons, and shapes help convey significant amounts of information. The right ideas and icons can strengthen a brand message, direct a customer’s attention using a web app, and bring context to a design.
Videos and animations: Videos and animations are becoming increasingly common in today’s web design strategies. Videos can include 360-degree videos, which help immerse someone in a space, video streams, and short content clips.

Functional Elements of Web Design

Functional elements in web design are the practical components designers need to consider to ensure websites and assets work as they’re supposed to. A website, app, or any other web asset needs to function correctly to be accessible to users.

Functional elements of web design may include:

Navigation: The navigation elements of a website or app are among the main components determining whether a site is functioning properly and ensuring a good user experience. Audiences need to be able to move around the app or website quickly.
User interactions: Your site visitors may have multiple ways of communicating with your web app or website, depending on their device. You’ll need to make sure people can scroll and swipe on smartphones and tablets and click on desktops. If your website has VR or AR elements, you’ll also need to consider these immersive components in your design.
Speed and performance: While web development elements can also influence a web design’s speed or performance, it’s also essential for a designer to show elements of the composition don’t weigh down the functionality. Designs need to load quickly and correspond with the demands of browsers on various devices.
Structure: A website’s structure plays a critical role in user experience and SEO requirements. Users need to easily navigate through a website without encountering any issues like getting lost or ending up on broken pages.
Compatibility: A good design should look perfect on all devices, from a wide range of browsers to the various devices users might leverage today.

What Does Good Web Design Look Like in 2022?

More than ever, achieving high-quality web design is crucial to success in any industry or landscape. More than half of the world’s population is active online. If you’re not appealing to this audience correctly, you’re missing out on endless opportunities.

Notably, while elements of good web design can be subjective, such as which themes or colors someone might prefer for their website, the underlying foundations of strong web design are the same for everyone in 2022.

Good web design is any design that looks good, performs as it should, and delivers the best possible experience to your target audience. Effective web design should include components like:

Effective use of white space for organization and structure.
Clearly presented choices and navigation options for the user.
Clear calls to action to drive user activities from one page to another.
Limited distractions and a straightforward user journey.
No clutter or unnecessary components irrelevant to the needs of the user.
Responsive, flexible design accessible on any browser or device.
High-quality content and images are designed to hook a reader’s attention.
Appropriately sized fonts and legible typography.
A good balance between images and text on a page.

Other elements like eye-catching imagery and professional photography can help your web design stand out. Using the right building blocks, like a strong color palette and the right shapes or icons in your design is helpful.

Of course, there is some scope for variation in good web design. A web designer in 2022 needs to be able to adapt their use of the various essential elements of design to suit a specific target audience or the unique identity of a brand.

What Doesn’t Work for Web Design in 2022?

Just as web design elements seem to appear consistently in all excellent examples, there are also parts of web design we’ve left behind over the years. Simpler, more straightforward designs have replaced cluttered spaces, flashing images, and endless animations.

The focus in 2022 is on creating an experience that’s simple, engaging, and intuitive, capable of speaking to the right audience without confusion or being visually overwhelming. In most cases, some of the top components to avoid include:

Clunky performance: Non-responsive website design, slow pages, and other examples of clunky functionality are a no-go in 2022. Websites need to be quick and responsive.
Distracting content: Flashing images, animations, and complex backgrounds are a thing of the past for a good reason. Websites today need to be clean, simple, and clear. Any elements which don’t add to the value of the design should be removed.
Generic content: Filler text, irrelevant stock photos, unclear buttons, and links can be removed from today’s website designs. A web design should be specific to the audience’s needs and the brand’s identity. Generic components don’t work.

Creating Web Designs in 2022

Today, the underlying definition of web design has a lot of similarities to the definition we’ve known for several years already. Creating a great website or web asset still requires focusing on user experience, aesthetic appeal, and functionality. However, today’s web designers generally have more components and different devices.

Web design in 2022 is about creating high-quality experiences for customers that can support various environments and devices. The best web designs are aesthetically appealing, functionally reliable, and capable of adhering to the latest trends in web creation, like augmented reality, 360-degree video, and ultra-high resolution.

Featured image via Pexels.

The post What Even Is Web Design in 2022? first appeared on Webdesigner Depot.