Entries by admin

Previewing Content Changes In Your Work With document.designMode

/0 Comments/in /by

Original Source: https://smashingmagazine.com/2025/03/previewing-content-changes-work-documentdesignmode/

So, you just deployed a change to your website. Congrats! Everything went according to plan, but now that you look at your work in production, you start questioning your change. Perhaps that change was as simple as a new heading and doesn’t seem to fit the space. Maybe you added an image, but it just doesn’t feel right in that specific context.

What do you do? Do you start deploying more changes? It’s not like you need to crack open Illustrator or Figma to mock up a small change like that, but previewing your changes before deploying them would still be helpful.

Enter document.designMode. It’s not new. In fact, I just recently came across it for the first time and had one of those “Wait, this exists?” moments because it’s a tool we’ve had forever, even in Internet Explorer 6. But for some reason, I’m only now hearing about it, and it turns out that many of my colleagues are also hearing about it for the first time.

What exactly is document.designMode? Perhaps a little video demonstration can help demonstrate how it allows you to make direct edits to a page.

At its simplest, document.designMode makes webpages editable, similar to a text editor. I’d say it’s like having an edit mode for the web — one can click anywhere on a webpage to modify existing text, move stuff around, and even delete elements. It’s like having Apple’s “Distraction Control” feature at your beck and call.

I think this is a useful tool for developers, designers, clients, and regular users alike.

You might be wondering if this is just like contentEditable because, at a glance, they both look similar. But no, the two serve different purposes. contentEditable is more focused on making a specific element editable, while document.designMode makes the whole page editable.

How To Enable document.designMode In DevTools

Enabling document.designMode can be done in the browser’s developer tools:

Right-click anywhere on a webpage and click Inspect.
Click the Console tab.
Type document.designMode = “on” and press Enter.

To turn it off, refresh the page. That’s it.

Another method is to create a bookmark that activates the mode when clicked:

Create a new bookmark in your browser.
You can name it whatever, e.g., “EDIT_MODE”.
Input this code in the URL field:

javascript:(function(){document.designMode = document.designMode === ‘on’ ? ‘off’ : ‘on’;})();

And now you have a switch that toggles document.designMode on and off.

Use Cases

There are many interesting, creative, and useful ways to use this tool.

Basic Content Editing

I dare say this is the core purpose of document.designMode, which is essentially editing any text element of a webpage for whatever reason. It could be the headings, paragraphs, or even bullet points. Whatever the case, your browser effectively becomes a “What You See Is What You Get” (WYSIWYG) editor, where you can make and preview changes on the spot.

Landing Page A/B Testing

Let’s say we have a product website with an existing copy, but then you check out your competitors, and their copy looks more appealing. Naturally, you’d want to test it out. Instead of editing on the back end or taking notes for later, you can use document.designMode to immediately see how that copy variation would fit into the landing page layout and then easily compare and contrast the two versions.

This could also be useful for copywriters or solo developers.

SEO Title And Meta Description

Everyone wants their website to rank at the top of search results because that means more traffic. However, as broad as SEO is as a practice, the <title> tag and <meta> description is a website’s first impression in search results, both for visitors and search engines, as they can make or break the click-through rate.

The question that arises is, how do you know if certain text gets cut off in search results? I think document.designMode can fix that before pushing it live.

With this tool, I think it’d be a lot easier to see how different title lengths look when truncated, whether the keywords are instantly visible, and how compelling it’d be compared to other competitors on the same search result.

Developer Workflows

To be completely honest, developers probably won’t want to use document.designMode for actual development work. However, it can still be handy for breaking stuff on a website, moving elements around, repositioning images, deleting UI elements, and undoing what was deleted, all in real time.

This could help if you’re skeptical about the position of an element or feel a button might do better at the top than at the bottom; document.designMode sure could help. It sure beats rearranging elements in the codebase just to determine if an element positioned differently would look good. But again, most of the time, we’re developing in a local environment where these things can be done just as effectively, so your mileage may vary as far as how useful you find document.designMode in your development work.

Client And Team Collaboration

It is a no-brainer that some clients almost always have last-minute change requests — stuff like “Can we remove this button?” or “Let’s edit the pricing features in the free tier.”

To the client, these are just little tweaks, but to you, it could be a hassle to start up your development environment to make those changes. I believe document.designMode can assist in such cases by making those changes in seconds without touching production and sharing screenshots with the client.

It could also become useful in team meetings when discussing UI changes. Seeing changes in real-time through screen sharing can help facilitate discussion and lead to quicker conclusions.

Live DOM Tutorials

For beginners learning web development, I feel like document.designMode can help provide a first look at how it feels to manipulate a webpage and immediately see the results — sort of like a pre-web development stage, even before touching a code editor.

As learners experiment with moving things around, an instructor can explain how each change works and affects the flow of the page.

Social Media Content Preview

We can use the same idea to preview social media posts before publishing them! For instance, document.designMode can gauge the effectiveness of different call-to-action phrases or visualize how ad copy would look when users stumble upon it when scrolling through the platform. This would be effective on any social media platform.

Memes

I didn’t think it’d be fair not to add this. It might seem out of place, but let’s be frank: creating memes is probably one of the first things that comes to mind when anyone discovers document.designMode.

You can create parody versions of social posts, tweak article headlines, change product prices, and manipulate YouTube views or Reddit comments, just to name a few of the ways you could meme things. Just remember: this shouldn’t be used to spread false information or cause actual harm. Please keep it respectful and ethical!

Conclusion

document.designMode = “on” is one of those delightful browser tricks that can be immediately useful when you discover it for the first time. It’s a raw and primitive tool, but you can’t deny its utility and purpose.

So, give it a try, show it to your colleagues, or even edit this article. You never know when it might be exactly what you need.

Further Reading

“New Front-End Features For Designers In 2025,” Cosima Mielke
“Useful DevTools Tips and Tricks,” Patrick Brosset
“Useful CSS Tips And Techniques,” Cosima Mielke

Shoreride's Branding: A Study in Visual Identity Design

/0 Comments/in /by

Original Source: https://abduzeedo.com/shorerides-branding-study-visual-identity-design

Shoreride’s Branding: A Study in Visual Identity Design

abduzeedo
03/24 — 2025

Explore Shoreride’s branding and visual identity, a design focused on water, adventure, and simple solutions.

Shoreride, a product designed to help people transport paddleboards and kayaks, has a visual identity crafted by Arthur Stovell of Mondial Studio. The branding extends beyond the product itself, focusing on a deeper connection with water and outdoor adventure.

The core concept, as the designer states, centers not on the product, but on “the bigger idea of a love of water and helping people to have water based micro-adventures.” This philosophy is evident in the chosen design elements.

A key element of Shoreride’s visual identity is a bespoke “O” symbol. This symbol, rather than directly representing the product, draws its inspiration from “the calmness of being on the ocean.” The “O” is versatile, functioning both as a standalone icon and within typographic compositions.

The color palette selected for Shoreride is both “bold and vibrant,” conveying a sense of energy while remaining appropriate for the water sports industry. This choice of color helps to position the brand within its target market while also evoking the feeling of being outdoors and active. The design uses color to create a feeling that is energetic, and appropriate.

The branding extends across various applications. The design is visible on business cards, websites, and promotional materials. This consistency helps to establish a strong and recognizable brand presence. The visual identity is also applied to merchandise.

The designers aimed to create a brand that is both practical and aspirational. It speaks to individuals who enjoy water sports and seek simple solutions to enhance their outdoor experiences. The branding suggests a lifestyle centered around adventure, ease, and a connection with nature. The design is simple, yet effective.

The design effectively communicates the brand’s core values: a love for the water, a passion for making things, and a commitment to sustainability. Shoreride emphasizes product longevity and material transparency, using recycled materials and working with manufacturers that adhere to high standards.

The branding successfully captures the essence of the product and its target audience. It is a visual identity that speaks to a lifestyle, rather than just a product. The design is both simple and effective, and it is likely to resonate with people who love the water and outdoor adventure.

For more information make sure to check out https://mondial-studio.com/work/shoreride

Branding and visual identity artifacts

Duda vs Squarespace 2025: Which Platform is Best for You?

/0 Comments/in /by

Original Source: https://ecommerce-platforms.com/ecommerce-website-builders/duda-vs-squarespace

Duda vs Squarespace: Which platform is right for your evolving business?

Both Duda and Squarespace are well-known website builders, used for creating everything from basic company sites, to ecommerce stores, and beyond.

While Squarespace stands out for its exceptional themes and design tools, Duda is a popular solution for smaller companies in search of simple, straightforward functionality.

But how do they really compare against each other?

We took a deep dive into both platforms, to bring you this comprehensive comparison of Duda vs Squarespace.

Quick Summary: Duda or Squarespace?

We chosen Squarespace as the overall winner for this comparison.

It’s a more advanced platform, with stronger design tools and themes, more flexibility, and greater scalability. It also supports a wider range of business models than the Duda platform.

Squarespace is better if…

You’re in search of an easy-to-use and affordable website builder, with incredible templates, excellent customization options, and support for a range of business models.

Squarespace is convenient, reliable, and comes packed with more advanced sales and marketing tools than Duda.

Duda is better if…

You’re looking for a beginner-friendly website builder without too many bells and whistles. It’s great if you want to design a simple website from a template, and don’t need advanced customizations.

It’s also great for agencies, thanks to integrated client management and collaboration tools.

Go to the top

Duda vs Squarespace: Quick Comparison

 

Squarespace

Duda

Ease of UseConvenient and user-friendly platform with an intuitive website builder, excellent automation, and business management tools. Very simple template-based website builder with a drag-and-drop editor, and convenient collaboration tools.Design and themesSome of the most attractive and professional templates available for every industry, with extensive customization options.High quality templates, and a convenient drag-and-drop editor. However, the customization options are limited.Sales featuresExcellent tools for selling services, physical and digital products. Omnichannel sales capabilities, and exceptional business management features.Access to a range of payment processors, and options for selling physical and digital products, memberships, services, and more.Plugins and integrationsDecent selection of integrations with leading shipping, marketing, analytics, accounting, and business management tools.Integrations with marketing and business management tools, social media channels, and video or content sharing platforms.Marketing tools and SEOAll the SEO features you need to rank well on the search engines, as well as a wide selection of marketing features, and an integrated blogging option.Simple SEO features enhanced by an AI assistant that can optimize your site for you. Basic marketing tools.Customer supportExcellent self-help resources, plus 24/7 live-chat and email support on every plan.Email support only on basic plans, with options for priority support on more expensive plans.Pricing14-day trial with premium plans starting at $16 per month for a personal website, or $23 per month to enable ecommerce features.14 -day free trial with premium plans starting at $25 per month.

Go to the top

Duda vs Squarespace: Ease of Use

The Winner: Duda is a little easier to use than Squarespace, thanks to its drag-and-drop website builder, built-in collaboration tools, and AI-powered solutions. You really don’t need any technical knowledge to get started.

We consider Squarespace to be one of the simplest, and most user-friendly website builders available. That’s particularly true since the platform upgraded its website editor, to make changing segments and sections of your websites more streamlined and intuitive.

Squarespace makes designing and running your site a breeze, with award-winning templates, and an ease-of-use backend where small businesses can track all their data.

You can manage everything from inventory and orders to pricing rules on Squarespace with minimal effort.

Plus, Squarespace has some bonus features that are particularly valuable for certain types of companies. For instance, you can create your own logo with the platform, design branded invoices, and even manage appointment schedules and bookings.

However, we still had to give Duda the win for overall ease of use. Duda is a beginner-focused tool that really requires no technical knowledge to use.

Building a website on Duda involves choosing a simple white label template, and customizing it with a basic drag-and-drop builder.

You can easily undo any edits and changes you make, so it’s easy to experiment with your web design choices. Plus, like Squarespace, Duda comes with client billing tools, inventory and order management capabilities, and client management features. There are even built-in collaboration tools for agencies.

Duda also offers access to a fantastic AI assistant.

This assistant can automatically generate site content, optimize pages for SEO, and personalize content for you, saving you a lot of time.

Go to the top

Design Options and Themes

The Winner: Squarespace is our number one website builder on the basis of themes and design tools. The templates are beautiful, easy to customize, and mobile responsive. Plus, you can even use Squarespace to build your brand, with an integrated logo designer.

We think Squarespace definitely lives up to its reputation for being the ultimate website builder for professional templates and design tools. Although there are many site builders and ecommerce platforms with great templates available today, from Shopify to WordPress, few can compete with Squarespace.

The platform has templates to suit every business need and industry.

All of these templates are professionally created, mobile responsive, and highly customizable, so you can really make your brand shine.

With Squarespace, building a professional website is simple, and you can customize everything from your color palettes to site structures. Plus, the Squarespace mobile app ensures you can make changes to templates on-the-move.

The Squarespace logo maker also means you can quickly design an attractive business logo to add to your store in seconds, without having to hire a graphic designer.

When we experimented with building a Duda website, we discovered this platform is also particularly impressive from a template perspective. There are dozens of professionally designed options to choose from, organized into various categories and industry options.

You can also customize your template for different devices, creating unique experiences for your mobile customers with the drag-and-drop editor.

The only downside is that customization options are pretty limited. While you can change aspects of your website’s appearance, you can’t make granular changes to structure, layout, or functionality.

On the plus side, Duda does allow you to create more than just websites. You can build landing pages and even user-friendly apps, without having to dive into CSS, HTML, or other types of code.

Go to the top

Sales and Ecommerce Tools

The Winner: Squarespace wins for us again here. It offers support for all kinds of business models, includes access to inventory, shipping, and order management tools, and can even help you streamline tax compliance strategies.

Both Duda and Squarespace might not be the first platforms you think of when you imagine ecommerce.

Squarespace is popular for creating portfolios, and attractive sites for service-based businesses.

Duda is more targeted at agencies building custom sites for their clients.

However, both tools do support online selling. Duda comes with access to a variety of ecommerce tools and features. You can add up to 30+ different payment processing options to your store, including Square, PayPal, and Stripe.

Depending on your plan, you’ll also be able to leverage customizable shipping options and rates, product categories, coupon codes, and automatic tax calculations. The WYSIWYG web design tool even allows users to sell services, memberships, and digital downloads.

Squarespace offers much of the same functionality as Duda. It integrates with all of the most popular payment processing options, and offers tools for managing shipping options.

You can also create coupons and gift cards with Squarespace, automatically calculate tax, and set pricing rules for different product categories.

Plus, like Duda, Squarespace allows users to sell products, services, memberships, digital downloads, and even online courses. Where Squarespace excels is with its extra business management tools.

There are features for booking and tracking appointments (without integrations). Plus, Squarespace can integrate with POS systems for in-person sales.

Additionally, Squarespace comes with client invoicing tools, course creation features, and advanced store management capabilities.

You can even create complete fulfillment profiles and leverage shipping extensions with companies like Shippo and Shipbob.

Go to the top

Plugins and Integrations

The Winner: Squarespace offers a better collection of integrations to suit a range of business needs. Connectors are available for everything from fulfillment to marketing, and sales tools.

If you’re looking to add extra functionality and features to your online store, both Duda and Squarespace offer a range of integrations to choose from.

Duda supports integrations with tools like Google Analytics, MailChimp, Constant Contact, and Vimeo. Plus, it can connect with social media platforms, and Zapier for custom connections.

Squarespace doesn’t have the biggest app marketplace out there, but the collection of integrations offered is carefully curated. You can access useful tools for marketing and sales, accounting, business analytics, shipping, and fulfillment, and more.

There’s even support for dropshipping apps like Spocket, and Print on Demand providers like Printful.

Notably, Squarespace also offers more bonus built-in tools than Duda, such as POS commerce extensions, scheduling tools, and client invoicing capabilities.

Go to the top

Marketing Tools and SEO

The winner: Squarespace offers better marketing tools, but Duda has a slight edge from an SEO perspective, thanks to its AI-driven optimization options.

If you want to ensure your website stands out on the search engine result pages, both Squarespace and Duda are great choices.

Squarespace offers all of the built-in SEO tools you need to produce a high-ranking website, from content management and blogging tools, to a free SSL.

You can customize your URLs, meta descriptions, and alt tags on Squarespace.

Plus, you can access handy guides to help with site optimization.

Outside of SEO, Squarespace offers a range of other built-in features for marketing. For instance, there’s an included email marketing service, so you can create automated campaigns to nurture your audience, without integration.

There’s also the “Unfold” app for social media that allows you to create compelling social content with filters, fonts, stickers, and templates.

Squarespace also offers access to comprehensive customer profiles, for marketing personalization, and social media integrations. What’s more, you can use banners and pop-ups to promote your store.

Duda also covers all of the basics for SEO, with a free SSL, responsive templates, PageSpeed optimization, and customizable titles, URLs, meta descriptions, and alt text.

What gives this platform an edge is the option to leverage an AI assistant to do all of the optimization work for you. The AI tool can automatically generate and edit your content based on search engine algorithms.

From a marketing perspective, Duda offers fewer options than Squarespace.

However, we were impressed by its templates for landing pages, and tools specifically designed for agencies. For instance, you can access white label sales decks and handouts.

Go to the top

Customer Support and Service

The Winner: Squarespace offers more comprehensive customer support on every plan, whereas Duda’s support varies depending on the package you choose.

From a customer support perspective, we thought Duda and Squarespace both had some excellent self-help resources to offer customers.

Both companies have guides, templates, videos, blogs, and FAQs that can give you a head-start when creating your site.

Squarespace, however, wins in terms of direct customer service. All Squarespace plans come with access to 24/7 live chat and email support. You can also purchase extra expert assistance for an additional fee.

With Duda, your support level is based on your plan.

If you want more than basic email support, you’ll need at least an “Agency” plan or above, starting $52 per month.

On the plus side, email support is still offered on a 24/7 basis, and you can always use the knowledge base if you get stuck.

Go to the top

Duda vs Squarespace: Pricing Plans

The Winner: Squarespace is the cheaper option overall, particularly if you’re paying on a monthly basis. It also offers better value for money, with more features on every plan.

Squarespace and Duda are both relatively affordable platforms for smaller businesses.

One thing that sets Duda apart as one of the best website builder options for new business owners, is that you can access e-commerce features on the cheapest plan.

There are five plans in total, a 14-day free trial, and a discount of 25% for annual subscriptions. Options include:

Basic: $25 per month: 1 Site, AWS hosting, email support, and a 99.99% uptime SLA.

Team: $39 per month: All the features of the Basic plan, plus 3 team members, dynamic pages, and client managers.

Agency: $69 per month: The features of the Team plan, plus 6 team members, site export solutions, and priority support.

White Label: $199 per month: The features of Agency, plus a fully white labelled platform, custom domain, branded client communication and login screen, and a white label support portal.

Custom: Custom pricing: The features of White Label, plus a DIY editor, single sign-on, Duda API access, a native widget builder, advanced security, and a dedicated account manager.

Squarespace offers a 14-day free trial, and four different premium plans to choose from. There’s also a discount available to users on annual plans.

Options include:

Personal: $16 per month: Leading website builder and Squarespace templates, SEO tools, free custom domain, and marketing capabilities.

Business: $23 per month: The features of Personal, plus ecommerce features (3% transaction fees), domain-based checkout, advanced website analytics, unlimited admin accounts, and options for selling courses, videos, and memberships.

Commerce Basic: $27 per month: The features of business, plus ecommerce with no transaction fees, merchandising tools, integrations for sales on Facebook and Instagram, POS integrations, and product reviews.

Commerce Advanced: $49 per month: The features of the Basic Commerce plan, plus advanced discount and shipping rules, commerce APIs and add-ons, subscription sales, abandoned cart recovery and more.

You’ll need at least a “Business” level plan with Squarespace to start selling products or services, but this package is still cheaper than Duda’s Basic plan.

Go to the top

Duda vs Squarespace: Which one should you choose?

While both Duda and Squarespace are excellent website building platforms, we think Squarespace offers the best user experience, and the best value for money.

While it has a slightly higher learning curve than Duda, it also gives you more granular control over website design and development.

Squarespace features stronger marketing tools already built into the platform, more support for different types of business models, and even more affordable pricing.

We’d really only recommend you use Duda if you want a basic template-based building experience, or you’re running an agency selling website design services to other customers.

FAQ:

Is Duda better than WordPress?

Duda is a slightly simpler platform than WordPress for beginners. WordPress has a steeper learning curve because it offers more flexibility and customization options. However, it also offers a wider range of features for companies in search of a scalable platform.

Is Duda a good website builder?

Duda is a good website builder. It’s a user-friendly platform with access to a range of convenient and professional looking templates. Plus, it features drag-and-drop editing functionality, making it an excellent choice for those without coding knowledge.

Do professional web designers use Squarespace?

Absolutely, Squarespace has an excellent reputation for being a beginner-friendly platform with excellent design tools and customization options.

It’s great for website designers looking to sell apps, services, and other websites. However, Duda offers more agency-focused tools.

Is Duda good for SEO?

Duda is decent for SEO. It allows you to customize alt tags, meta descriptions, URLs, and titles. Plus, the AI wizard built into the platform can create and edit search optimized content on your behalf.

However, it does lack some advanced SEO capabilities.

Is Squarespace SEO good or bad?

Squarespace has all of the crucial features you need to create a high-ranking website, from fast-loading templates, to excellent customization options for URLs, titles, alt tags, and meta descriptions. Plus, it’s great for content marketing and blogging.

The post Duda vs Squarespace 2025: Which Platform is Best for You? appeared first on Ecommerce Platforms.

L*OSMONAUTA: Inspiring Editorial Design and Cultural Insights

/0 Comments/in /by

Original Source: https://abduzeedo.com/losmonauta-inspiring-editorial-design-and-cultural-insights

L*OSMONAUTA: Inspiring Editorial Design and Cultural Insights

abduzeedo
03/19 — 2025

Explore L*OSMONAUTA’s editorial design, a cultural magazine by OSMO design. Dive into design, tech, research, and lifestyle content.

OSMO design presents L*OSMONAUTA, an annual magazine dedicated to exploration and cultural dissemination. This publication invites readers and contributors to connect ideas, spark reflections, and broaden perspectives. It serves as a curated selection of inspirations and content, spanning design, technology, research, and lifestyle. The OSMO team gathers this content throughout the year, showcasing their internal repository.  

L*OSMONAUTA emerges from the fusion of individual curiosity and collective knowledge, creating an archive of ideas and innovative viewpoints. The design studio views itself as a shared space where every member can expand their horizons. Team members build their own universe of references, sources, and interests, which they share with one another. L*OSMONAUTA is the result of these journeys, bringing their internal culture beyond the studio walls.  

The latest edition, issue 0004, introduces new features to the magazine. Alongside curated articles with references to their original sources, it includes exclusive interviews with prominent figures who have made a meaningful impact in their fields.  

This year’s interviewees include Tyler Riewer, Creative Director at Charity: Water; Superpunto, a UX Content Studio; Ben Terrett, CEO of Public Digital; and Florencia Andreola & Azzurra Muzzonigro, Architects. These conversations explore the thoughts of the interviewees, highlighting the inspiring potential of their ideas. Some articles also feature personal reflections from the OSMO team, providing a unique interpretative key to the magazine’s content selection.  

Daniele Morganti designed the cover of this edition, contributing his interpretation of L*OSMONAUTA through a unique illustration.  

L*OSMONAUTA is available for free upon request by contacting OSMO directly or downloading the digital version from www.osmonauta.space. Readers can also visit the studio for a coffee and pick up a printed copy in person.  

The publication showcases editorial design artifacts, demonstrating a blend of creativity and thoughtful curation. Through its design and content, L*OSMONAUTA invites readers to immerse themselves in a journey of discovery and knowledge.  

To explore this unique journey, you can request a copy or learn more at OSMO design ‘s website. 

Editorial design artifacts

Getting Started with Monday.com: A Step-by-Step Setup Guide

/0 Comments/in /by

Original Source: https://www.hongkiat.com/blog/getting-started-with-monday-com-setup-guide/

Getting started with Monday.com is easier than you might think. This platform helps you organize tasks and collaborate with your team in one place.

Getting started with Monday.com

In this post, you’ll learn how to create an account, set up your first board, and discover key features that make your project management smoother.

Let’s get started.

Create Your Monday.com Account

To get started, you’ll need an account. It only takes a moment to sign up, and you can do it using your email address or an existing Google account.

Visit monday.com.
Click the “Sign Up” or “Get Started” button.
Monday.com sign-up page with get started button
Choose how you want to register (email or Google account).
Monday.com registration options for email or Google account
Fill in your details and verify your email address if prompted.

Once you’re in, Monday.com may ask you a few quick questions about your role or team size. This info helps personalize your workspace.

Monday.com onboarding questions for personalized setup

Feel free to skip or fill them out as you see fit.

Set Up a New Board

Once your account is ready, the next step is to create a board. Boards are where you’ll organize tasks, track deadlines, and collaborate with your team.

From the left sidebar, click “+” > “Board” > “New Board”.
Creating a new board in Monday.com sidebar
Name your board something descriptive (e.g., “Marketing Campaign” or “Website Redesign”).
Choose whether you want it to be Main (visible to everyone), Private, or Shareable (for external guests).
Click “Create Board” to finish up.
Create board button in Monday.com

That’s it! You’ve created your very first board in Monday.com. You can now start adding tasks and customizing your board to match your workflow.

New board setup screen in Monday.com

Add and Customize Columns

Columns help you track the essential details of each task. They can handle everything from deadlines to who’s assigned to the work.

Example of task board with sample data in Monday.com

Adding and customizing columns is straightforward:

Open your board and click the “+” icon at the top of any existing column.
Adding a new column in Monday.com
Select the column type you need (e.g., Status, Date, Person, or Text).
Choosing a column type in Monday.com
Give your column a descriptive name, like “Due Date” or “Assigned To.”
Drag and drop columns to rearrange them.
Rearranging columns by drag and drop in Monday.com

Below is a quick reference for common column types:

Column Type
Use Case

Status
Track if tasks are Pending, In Progress, or Done

Person
Assign tasks to a team member

Date
Set deadlines or schedule milestones

Text
Provide notes or additional details

Invite Team Members

Collaboration is a big part of Monday.com. To get the most out of your board, invite your teammates so everyone can stay aligned on tasks and deadlines.

Click on the “Invite” button at the top right of your board. [invite button]
Enter the email addresses of the people you want to invite.
Select their permission level (Viewer, Editor, or Admin).
Send the invitation, and your team members can start collaborating right away.

Keep in mind that every person you invite will need to create or log in to their own Monday.com account to access the board. Once they join, they can view and update tasks, add comments, and more.

Use Key Features

Monday.com offers several powerful features to help you manage projects more efficiently. Here are three that many teams find useful from the start:

Automations: Set up rules that run in the background – like notifying Slack channels when tasks move to “Done.” Explore Automations to speed up your workflow.
Integrations: Connect Monday.com with tools like Google Calendar, Slack, or Trello. Learn about Integrations and keep everything in sync.
Dashboards: Get a bird’s-eye view of your workload, timelines, and progress. Dashboards Overview shows you how to build custom reports.

By exploring these features, you’ll see how Monday.com can save you time and keep your team in sync on every task. Don’t hesitate to experiment and find what works best for your workflow.

How Monday.com Compares to Other Platforms

Want to see how Monday.com measures up in terms of features, pricing, and collaboration? Below is a side-by-side comparison with ClickUp and Airtable. Each platform excels in different ways, so choose the one that fits your team’s style.

Feature
Monday.com
ClickUp
Airtable

Main Strength
Highly visual boards and workflows
Unified workspace with customizable views
Flexible, spreadsheet-like databases

Pricing
Free trial; tiered plans for different features
Free plan available; paid plans for advanced tools
Free plan with limited features; upgraded tiers for more storage and collaboration

Integrations
Slack, Google Workspace, Trello, and more
Slack, Zoom, Google Drive, GitHub, and others
Google Drive, Slack, Zapier, plus various extensions

Collaboration
Real-time boards, tagging, automation
Document sharing, chat, customizable notifications
Shared “bases” with real-time editing and commenting

Best For
Teams that want a flexible visual approach
Organizations looking for an all-in-one project hub
Groups who need a hybrid of spreadsheets and database functionality

Frequently Asked Questions

Is there a free plan?
Monday.com does not have a permanent free plan, but it offers a free trial period. You can test out the core features before deciding on a paid tier.
Can I create multiple boards?
Yes. You can create as many boards as your plan allows. Each board can be customized for different projects or teams.
What about mobile access?
Monday.com has mobile apps for both iOS and Android. You can manage tasks, update boards, and receive notifications on the go.
How do I manage permissions?
You can set different access levels (Viewer, Editor, Admin) for each user. This way, you control who can make changes to boards and tasks.

Wrapping Up

Getting Started with Monday.com doesn’t have to be complicated. With an account, a well-structured board, and a few core features like Automations, Integrations, and Dashboards, you’ll soon have a more organized way of tackling projects.

As you continue exploring, don’t be afraid to adjust columns, experiment with different board types, and invite more team members. Over time, you’ll find the setup that best suits your workflow.

The post Getting Started with Monday.com: A Step-by-Step Setup Guide appeared first on Hongkiat.