Ferramentas, serviços e recursos de web design para empreendedores, criativos e marketing pessoal

Ferramentas, serviços e recursos de web design para empreendedores, criativos e profissionais de marketing pessoal

No artigo a seguir, forneci muitos recursos, links e material adicional para ajudar você e sua empresa a ficarem on-line. Alguns dos links são para produtos e serviços gratuitos, enquanto outros links são links de afiliados. Isso significa que se você optar por clicar nesses links e acabar comprando o produto, ganharemos algum dinheiro. Mas isso não custa nada extra. Na verdade, por meio de muitos desses links, podemos repassar promoções especiais para ajudá-lo a economizar algum dinheiro.

Navegação:  abaixo, você encontrará onde pode ir para registrar   o nome de domínio de sua empresa, configurar sua  hospedagem na web  , alguns dos  melhores provedores de serviços de e-mail  ,  ferramentas de codificação  ,  plataformas de design da web para  construir,  navegador da web  ,  aplicativos ftp  ,  editores gráficos  ,  modelos da web  ,  gráficos de ações, ícones e elementos da web  e  ferramentas e serviços adicionais  para revisar.

Ok, vamos  aprofundar!

Registrando um nome de domínio comercial

Para obter um nome de domínio (um endereço da web ou URL) para sua empresa, você precisará registrá-lo em uma empresa especial chamada  registrador de nomes de domínio  . Este é apenas um serviço com o qual você registra domínios. Existem muitos locais para registrar um endereço da web. Você pode até registrar um domínio e configurar sua hospedagem na web ao mesmo tempo, mas  não recomendo que você faça isso  . Em vez disso, registre seu domínio com um registrador de nomes de domínio apropriado.

Agora, usei todos os registradores de domínio populares ao longo dos anos e, de longe, o melhor é  NameCheap  . Eu os tenho usado há muito tempo. Sua interface limpa e fácil de usar e seu processo de registro anti-spam os colocam à frente de outros registradores. Além disso, seu painel fácil de usar facilita o gerenciamento de vários domínios, o que é ótimo se você planeja executar vários negócios online ou projetos online ao mesmo tempo.

Aqui está um tutorial em vídeo que postei há não muito tempo que o conduz por todo o processo de registro de nome de domínio, passo a passo …

Neste vídeo cito algumas notas do show, que você encontra  aqui mesmo  .

Configurar hospedagem de sites

Há muitos lugares para encontrar hospedagem na web acessível para seus negócios e projetos online. A chave é  certificar-se de que você se inscreveu no tipo certo de hospedagem  . Como a hospedagem na web é tão importante, gastei muito tempo e dinheiro pesquisando e testando para encontrar as melhores empresas de hospedagem na web do mercado.

Se você deu uma olhada no meu tutorial,  Os 3 recursos críticos de hospedagem na web que todas as pequenas empresas precisam  , então você sabe que todos os conselhos que estou dando aqui resolvem nossos maiores problemas de hospedagem. Os três hosts que eu recomendo (abaixo) são hosts que eu uso sozinho para manter minhas várias atividades e projetos online funcionando perfeitamente.

Pense nas minhas dicas como  pequenas, médias  e  grandes  – dependendo da sua necessidade, uma delas será perfeita.

    • Web Hosting Hub:  especializado em hospedagem compartilhada a preços acessíveis, o  Web Hosting Hub  é perfeito para aqueles que são novos em negócios online e web design, ou em projetos da web de pequeno e médio porte. Os planos começam em cerca de US $ 4 por mês com uma garantia generosa de devolução do dinheiro em 90 dias. Os recursos extras de hospedagem e suporte ao cliente 27/7 com base nos EUA colocam o Web Hosting Hub à frente de muitas outras empresas de hospedagem.

Se você rolar a tela um pouco para baixo, incluí um vídeo no qual o guio pelo processo de registro no  Web Hosting Hub  .

Ou, se você realmente quiser se aprofundar, verifique minha análise completa sobre  hubs de hospedagem na web  .

    • SiteGround :  outra opção de hospedagem de topo, o  SiteGround  oferece uma variedade de tipos de hospedagem, incluindo hospedagem compartilhada, em nuvem e WordPress gerenciada, tudo a partir de US $ 4 por mês. Com suporte ao cliente de classe mundial, o SiteGround é uma ótima opção para gerenciar as necessidades de hospedagem de seu negócio e negócios online, e eles também são aprovados oficialmente pelo WordPress. Isso os torna uma solução sólida para as necessidades do seu negócio.

Em outro post, eu vou andar você   através do sinal SiteGround-se processo, que você pode conferir  aqui  .

    • WP Engine:  Se você está procurando por uma hospedagem web gerenciada sem preocupações para o seu negócio ou um projeto online, onde o lado técnico do seu site é cuidado para você, então o  WP Engine  é a solução perfeita. Eles são especializados em fornecer hospedagem WordPress gerenciada premium. O atendimento ao cliente deles é o melhor em sua classe, com especialistas em WordPress individuais  à  sua disposição 24 horas por dia, 7 dias por semana em 7, 365. Isso, meu amigo, é  difícil de vencer!

Se você acha que o  WP Engine  pode ser o certo para você, confira meu tutorial, onde o orientarei durante o processo de registro,  bem aqui  .

Se desejar, posso dar mais algumas dicas sobre hospedagem na web – dois outros hosts da web com sólida reputação são  InMotion Hosting  e  A2 Hosting  . Ou também são ótimas opções.

Ok, aqui está o vídeo do hub de hospedagem na web que mencionei acima, orientando você nas etapas de registro, que é  super fácil  …

Se você está procurando as notas do show deste vídeo, clique  aqui  .

Serviços dedicados de e-mail comercial

A maioria dos serviços de hospedagem na web, especialmente hospedagem compartilhada de baixo custo, vem com e-mail gratuito. Mas usar o e-mail que acompanha a hospedagem na web não é uma boa ideia  por vários motivos  . Idealmente, usar um serviço de e-mail de nível empresarial dedicado é muito superior, mesmo se você estiver administrando apenas um pequeno site. E o custo é baixo, geralmente em torno de US $ 5 por mês por conta de e-mail. Aqui está uma lista das melhores recomendações de serviço de e-mail para você investigar mais a fundo …

  • Google G Suite: o  Google G Suite  é a versão empresarial sem anúncios do Gmail do Google. É quase exatamente igual ao Gmail normal, mas com a capacidade de criar endereços de e-mail personalizados para o nome de domínio da sua empresa (por exemplo,  you@yourcompany.comou  service@yourcompany.com). O G Suite também inclui acesso ao Google Docs, Google Drive e uma série de outros recursos. Além disso, cada  conta do Google G Suite  vem com armazenamento adicional e suporte ao cliente 365 24 horas por dia, 7 dias por semana, em toda a empresa.
  • Microsoft Office 365: o  Office 365  é um serviço baseado na Web de nível empresarial agora também disponível para pequenas empresas. Seu serviço inclui e-mail de marca baseado em domínio em uma interface limpa e intuitiva que é fácil de usar e navegar. Cada conta inclui 50 GB de armazenamento. Além disso, o   e-mail do Office 365 vem com proteção contra spam e malware de nível industrial, mantendo sua caixa de entrada limpa e segura. Como o  Microsoft Office 365  é de nível empresarial, você sabe que confiabilidade e segurança são suas principais prioridades.

Se você quiser mais algumas opções, aqui estão alguns outros serviços de e-mail dedicados a serem considerados para seu negócio ou projeto online:  Zoho Mail  ,  Atmail  e  Amazon Workmail  .

Se quiser saber mais sobre como gerenciar seu e-mail comercial, não deixe de conferir meu tutorial detalhado,  Como encontrar o melhor serviço de e-mail para sua empresa  .

Editor de código para empreendedores, criadores e profissionais de marketing pessoal

Se você deseja consertar pequenos problemas, ter controle total sobre o seu site ou até mesmo se permitir coisas como a criação de layouts e páginas personalizadas para o seu site, você precisará de algum tipo de editor de código para tornar seu trabalho mais fácil. Ter um editor de código permite que você trabalhe diretamente com o código de plano de fundo que conduz seu site, ou seja, HTML, CSS, possivelmente Javascript, PHP e assim por diante. Você pode usar um editor de texto simples (certifique-se de que é um editor de texto simples,  não um processador de texto  ) ou pode usar um editor de código dedicado, como os que listei abaixo …

  • Atom by GitHub (Windows, Mac):  Atom  é um editor de código-fonte poderoso, gratuito e aberto que possui uma forte comunidade por trás dele. A interface simplificada e fácil de usar torna o trabalho com código fácil e direto. E funciona em computadores Mac e Windows.
  • Sublime Text (Windows, Mac):  Sublime  é o editor de código que define o padrão que todos os outros agora devem atender. Sua interface limpa e simples é altamente personalizável e fácil de usar. Sublime é a escolha de muitos web designers e também é perfeita para pequenas empresas DIY. Sublime também está disponível para computadores Windows e Mac.
  • Panic Coda (apenas Mac):  Considerado um dos melhores editores de código disponíveis para Mac, o  Coda  possui uma interface limpa e intuitiva. Existem muitos recursos integrados que tornam o gerenciamento de código da web mais fácil, incluindo código completo e fragmentos de código. O Coda também possui recursos úteis de FTP que tornam o trabalho direto no seu site muito fácil.
  • CoffeeCup HTML Editor (somente Windows):  CoffeeCup HTML Editor facilita a  codificação de sites, com ótimos recursos integrados, como conclusão de código e validação integrada. CoffeeCup custa US $ 29 e tem um teste gratuito.

Interface limpa e simples do Atom em ação!

Interface limpa e simples do Atom em ação!

Existem muitos outros editores de código disponíveis, e encontrar um que se adapte às suas necessidades de negócios é fundamental se você realmente deseja se aprofundar nessas coisas. Para obter mais informações, certifique-se de verificar meu tutorial,  Melhores Editores de Código para Proprietários de Negócios Online  .

Plataformas de Web Design

No momento em que este livro foi escrito, havia exatamente um zilhão e sete maneiras de construir um site (sim, um zilhão e sete,  eu contei  ). Mas há apenas um para  dominar todos eles  , e esse é …

    • WordPress:  A plataforma de web design mais popular, mais usada e mais poderosa atualmente disponível para toda a humanidade é o  WordPress  . Possui uma enorme comunidade online, é incrivelmente flexível e personalizável, e é adequado para qualquer site de negócios, projeto ou empreendimento online que você possa imaginar. Mais importante ainda, permite-lhe possuir e controlar totalmente o seu Web site – não tem de ir a outro Web site ou serviço para garantir que a sua empresa permanece online. Ah, e é  grátis!
    • Elementor:  Crie páginas e layouts intuitivamente com  Elementor  , um construtor visual de sites arrastar e soltar. O Elementor é na verdade um plugin para WordPress, permitindo que você o use junto com todo o poder e funcionalidade que vem com o WordPress.

Em meu curso de vídeo online completo,  Pronto para decolar: como construir e administrar seu negócio online você mesmo! você aprenderá como começar a usar o WordPress e o Elementor.

    • Pinegrow:  Pinegrow  é um construtor de sites de arrastar e soltar incrivelmente poderoso que roda em seu computador desktop. Mas ainda mais interessante é isso: Pinegrow permite que você crie layouts visualmente usando a estrutura do Bootstrap. Isso significa que o Pinegrow inclui uma biblioteca de elementos de layout Bootstrap pré-fabricados que você pode arrastar e soltar visualmente para construir seus layouts da web. De certa forma, é como usar o Photoshop para criar um layout visual. Quão incrível é isso ?! Vou entrar em mais detalhes sobre este incrível construtor de sites responsivo no final do meu post,  qual das 6 maneiras diferentes de construir um site é a melhor para você? Confira com certeza!
    • HTML e CSS:  HTML é a base de todo web design e acho importante que você aprenda o básico também. A boa notícia é que HTML e CSS são fáceis de aprender e você pode aprendê-los rapidamente. Eu escrevi um pouco sobre como HTML e CSS são fáceis e por que aprendê-los é tão importante em  O HTML é fácil de aprender? Aqui está o que você precisa saber  e  aqui também  .

Se você está pronto para começar a aprender HTML, CSS e web design, vamos sentar juntos no meu curso de vídeo online,  HTML5 e CSS3 Site Design  . Eu gostaria de mostrar como é fácil!

E quanto a outras plataformas e softwares de web design? Eu usei, experimentei e testei muitos deles, colocando-os à prova e eles simplesmente não se comparam ao poder, facilidade de uso e flexibilidade do  WordPress  e  Elementor  . Se você quiser mais informações sobre isso, dê uma olhada no meu post,  Which, Dreamweaver ou WordPress?

Navegador da Web

Conforme você constrói o site de sua pequena empresa, recomendamos que você visualize seu trabalho em pelo menos alguns navegadores da web, para que possa ter uma ideia do que seus clientes veem quando o visitam. Abaixo está uma lista dos navegadores mais comuns. Se você ainda não os tem, baixe e instale-os (são todos gratuitos).

  • Google Chrome  (Mac, Windows) também conhecido como  “Bloaty The Resource Hog”  por aqui. Você notou como o seu sistema está lento? É porque o Chrome é um  porquinho ganancioso e ganancioso!
  • Microsoft Edge  (somente Windows)
  • Apple Safari  (Mac, Windows)
  • Mozilla Firefox  (Mac, Windows) Meu navegador favorito.
  • Opera  (Mac, Windows)

Aplicativos FTP

Ser capaz de se conectar ao seu site é muito útil para solução de problemas, manutenção e outras atividades da Web relacionadas aos negócios. Para fazer isso, você precisará do que é chamado de aplicativo FTP, às vezes chamado de  cliente FTP. FTP significa  Protocolo de Transferência de Arquivos  . Eu entro em muito mais detalhes sobre o FTP  aqui  . Existem muitos aplicativos de FTP excelentes disponíveis agora, e a maioria deles é gratuita. Portanto, você provavelmente vai querer experimentar um ou dois antes de escolher um para seguir.

  • Empilhadeira  Um aplicativo FTP exclusivo para Mac, que possui muitos recursos, comandos e ferramentas úteis. Atualmente, é meu aplicativo de FTP favorito e gosto tanto dele que provavelmente farei um ou dois tutoriais com ele em breve.
  • Cyberduck  Um aplicativo FTP gratuito e muito popular para Mac e Windows. A interface é limpa e simples e inclui um punhado de recursos extras para ajudá-lo a manter seus arquivos organizados. Eu o uso como meu principal aplicativo de backup de FTP.
  • WS_FTP  Se você está procurando um aplicativo FTP de nível comercial baseado em Windows que tenha usuários voltados para negócios em mente, então  WS_FTP  pode ser exatamente o que você está procurando. Como outros aplicativos FTP,  WS_FTP  lida com tarefas comuns como transferências de arquivos, funcionalidade de arrastar e soltar, favoritos e muito mais, mas com segurança e confiabilidade de nível empresarial.
  • Yummy FTP Pro  Um aplicativo FTP robusto de nível empresarial usado por designers e desenvolvedores baseados em Mac, o  Yummy FTP Pro  é otimizado para desempenho, segurança e confiabilidade – perfeito para pequenas empresas. Além disso, o editor de código integrado torna fácil fazer alterações em arquivos de site ativos diretamente na interface fácil de usar.

Se você quiser mais dicas de FTP, confira meus dois tutoriais,  Melhores aplicativos de FTP para usuários do Windows  e  Melhores aplicativos de FTP para usuários do Mac  .

Abaixo, incluí um tutorial em vídeo que criei recentemente que mostra como se conectar ao seu site hospedado no Web Hosting Hub via FTP usando o Cyberduck. Se você estiver hospedando seu site com SiteGround, mostrarei como fazer isso  neste tutorial  . Ou, se você estiver usando o WP Engine para hospedar seu site,  confira este tutorial  .

Neste vídeo cito algumas notas do show, que você encontra  aqui mesmo  .

Editor Gráfico

Se você pretende cuidar do site da sua empresa, precisará de algum tipo de editor gráfico. No mínimo, você precisará fazer coisas simples como girar, cortar e assim por diante. E mesmo uma pequena correção de cor seria de grande ajuda. Mas você pode querer um pouco mais de poder do que isso para seus empreendimentos de web design. Abaixo, listei alguns editores gráficos populares para ajudá-lo com sua pequena empresa …

  • Adobe Photoshop  Com muito poder e muitos recursos, o Photoshop é, obviamente, o editor de imagens mais popular atualmente disponível para computadores Windows e Mac. Eu o uso há muito, muito tempo e é meu aplicativo favorito há lidar com coisas como fotos, de produtos, gráficos de sites, ícones, banners e assim por diante. Photoshop vai lhe render $ 20 por mês, ou por $ 50 por mês você pode acessar todo o pacote Creative Cloud da Adobe.
  • Adobe Illustrator  Pense no Illustrator como um companheiro do Photoshop. Se você é proprietário de uma pequena empresa, o Illustrator pode ser um exagero, mas para profissionais de marketing pessoal e criativos, pode ser uma boa escolha. Por exemplo, muitas vezes eu uso o Illustrator para criar logotipos, botões, ícones, modelos de layout e assim por diante. Como o Photoshop, eu o uso há muito, muito tempo. Ele também vem em $ 20 por mês ou $ 50 por mês para o pacote CC completo.
  • Gimp  Um editor de imagens raster popular, gratuito e de código aberto para Windows e Mac. Ele não tem o vigor ou a profundidade das ferramentas do Photoshop, mas se você quiser manter as coisas leves (e  gratuitas  ), o Gimp pode ser a escolha certa para você.
  • Inkscape  Se o Illustrator é o companheiro do Photoshop, então isso torna o Inkscape Gimp. O Inkscape é um editor de gráficos vetoriais gratuito e de código aberto que você pode usar para criar elementos como banners de sites, cabeçalhos, ícones, botões e assim por diante.

Os aspectos visuais do web design são geralmente tratados pelo Photoshop.

Os aspectos visuais do web design são geralmente tratados pelo Photoshop.

Modelos da Web

Coloque seu negócio em funcionamento em um piscar de olhos usando modelos da web pré-construídos e prontos para usar. Existem muitos para escolher, então vamos dar uma olhada …

  • Template Monster  Navegue pela impressionante coleção de temas WordPress do Template Monster .
  •  Temas de floresta de temas WordPress e temas para outras plataformas de web design.
  • Tema da Tese  Um tema WordPress muito popular e fácil de personalizar com Temas DIY.
  • Studio Press Com  mais de 86.000 sites, o Studio Press oferece temas premium padrão da indústria.
  • My Theme Shop Temas  responsivos e amigáveis ​​para SEO para seu site WordPress.
  • WPZoom  Professional, temas fáceis de usar com suporte vitalício.

 

Imagens de estoque, ícones, fontes, fotos, músicas e scripts

De vez em quando, você pode precisar de fotografias, ícones, fontes ou até mesmo música. A boa notícia é que você não precisa ser um designer profissional para ter um site com aparência profissional. Aqui estão alguns recursos excelentes para dar vida à sua empresa com gráficos de qualidade profissional, fotografias de estoque, scripts e muito mais.

  • GraphicRiver.net  Encontre toneladas de ícones, fontes, elementos da web e muito mais. Um recurso que você definitivamente vai querer marcar!
  • Pikwizard.com  Encontre mais de 100.000 imagens totalmente gratuitas para usar em seus projetos. Novas imagens são adicionadas todos os dias, muitas exclusivas do Pikwizard!
  • PhotoDune.net  Fotos livres de royalties de alta qualidade.
  • IconDemon.com Estoque de  ícones e imagens perfeitos para seus projetos na web.
  • CodeCanyon.net  Encontre toneladas de scripts, pesquisas, formulários, plug-ins WordPress, elementos CSS e muito mais.
  • MyFonts.com  A fonte certa pode realmente dar vida a um layout. Encontre ótimas fontes para seu próximo projeto da web em MyFonts.com.
  • AllStockMusic.com  Encontrar o jingle ou a música de introdução certa para seus projetos pode ser um verdadeiro aborrecimento. Mas você pode encontrar a melodia perfeita em AllStockMusic.com.
  • AudioJungle.net  Outro recurso musical, AudioJungle.net oferece milhares de introduções, loops, efeitos sonoros e muito mais.

Ferramentas e recursos adicionais

Expanda suas habilidades de negócios e web design com essas ferramentas, serviços e recursos adicionais. Esses extras irão ajudá-lo a construir melhores sites, diagnosticar problemas e ajudá-lo a testar seus projetos em várias plataformas e dispositivos.

  • Google Analytics  Gratuito e fácil de configurar, o Google Analytics fornece uma grande quantidade de informações sobre quem está visitando seu site, quais páginas são mais populares, quais páginas os visitantes saem com mais frequência, navegadores, resoluções de tela e muito mais.
  • Screenfly Insira  um URL no Screenfly, um serviço totalmente gratuito, depois escolha um celular, tablet ou outro dispositivo no menu e você terá uma prévia de como ficará o site de sua empresa no dispositivo selecionado. Isso é ótimo para empreendedores DIY que desejam criar layouts responsivos que funcionem em vários dispositivos.
  • Barra de ferramentas do desenvolvedor da web  Tenha em mãos uma ampla variedade de ferramentas relacionadas ao design da web com este plug-in gratuito do Firefox.
  • Firebug  Outro ótimo plugin do Firefox, o Firebug é essencial para diagnosticar estruturas de página e CSS. Um must-have.
  • Browsershots.org  Um navegador decente e ferramenta de teste de plataforma cruzada para sua pequena empresa.

Ok, vamos deixar as coisas aqui. Espero que você tenha achado este artigo de enorme valor. Há muitas coisas aqui para você seguir em frente e muitas opções extras a serem consideradas conforme você continua a trabalhar em seus empreendimentos comerciais.