But in times of digital technology the purpose of an architecture firm’s website is not just to showcase your work as a creative talent anymore, it’s to attract qualified leads and better clients. Read on and learn about one of the most important digital marketing tools an architecture firm can utilise to attract leads and grow their business.

by Bryon McCartney

After 20 years of developing branding, marketing and website solutions for a variety of industries, in the past four years, we’ve shifted our business to address the needs of architecture firms. As we’ve worked with more and more firms, we’ve observed some interesting trends in how firms are promoting themselves and generating leads, especially in relation to their websites.

In fact, what started as a casual survey of 20 firms, lead us to evaluate another 50, then 100. So far, we’ve evaluated more than 400 architecture firm websites in the past year, and we regularly add new firms each month.

Unfortunately, what we noticed isn’t pretty. Sure, some of the websites were lovely to look at. They were filled with beautiful images featuring stunning work – work to be proud of. But the websites themselves, more often than not, were poorly constructed or used obsolete technology. In fact, using simple criteria, we found that 71% of the sites we’ve evaluated so far were underperforming.

In 2019, the purpose of an architecture firm’s website is not just to showcase your work as a creative talent, it’s to attract qualified leads and better clients. How your site ranks in terms of Search Engine Optimisation (SEO) is a critical factor when assessing the performance of your firm’s website.

What is SEO and why does it matter for architecture firm websites?

To better understand SEO, think about the last time you turned to the internet to research an unfamiliar product or service. I recently had some issues with my home air conditioning unit, it was not responding when I adjusted the thermostat. I turned to the internet for help.

By searching Google, I found a number of websites where I could learn more about why the unit might not be working. One company’s site stood out in the Google search results because its description seemed to be a direct answer to my question. It happened to be a local Heating and Air Conditioning service company. I went to their website and quickly found an article that helped me understand the possible causes.

The website even had a helpful checklist of items I should review before calling for service. After completing the items on their checklist, my AC was still not working. I went back to their website and was able to request an emergency service call right from their website. Within minutes I received a call back from their technician who informed me he was on the way. My unit was fixed and working again in no time.

We often overlook the power of SEO because it’s so second nature to us. We Google everything. But what we found is that many architecture firms seem to have overlooked the fact that their prospects are using Google search as well. Those prospects are asking questions and looking for help in much the same way I did when trying to fix my AC. From ‘Architects near me’ to ‘Best home designer’ to ‘How to improve workplace productivity,’ your potential clients are searching for answers.

If your firm has the answers that fit your ideal clients’ queries, they are more likely to find you. This is what makes SEO one of the most important digital marketing tools an architecture firm can utilise to attract leads and grow their business. However, before you go changing all of the content on your architecture firm website, we need to talk about some basics.

Keyword Strategy

The first step is to approach SEO strategically. When we work with our clients, this includes defining a keyword strategy. Keywords are the primary terms that are used in an online search (more on that in a few moments). There are keywords that describe your services, your location or the area you serve. If your principals are well known, you may want to include search terms related to them. When we develop a keyword strategy, we also look at a firm’s competitors to understand what keywords they are using and identify opportunities to use other keywords.

The second step is to make sure your website is properly set up for SEO. There are a number of factors on your site that affect your search ranking. Google and other search engines may penalize your website’s search results if the pages load too slowly, if the site does not adapt to different size screens (like smartphones and tablets), or if it is not properly secured to protect your visitors’ information.

Six SEO factors that affect your website’s search results

Let’s take a closer look at six factors that affect your architecture firm website’s ranking in search results.

1. Fresh, Content-Rich Pages to Index

How does Google know what content is on your website? Google and other search engines use special computer programs known as search “bots” to crawl, or explore, content on the internet. This process is called indexing. When Google discovers a new page, it analyzes the content, it catalogs the embedded images and videos, and it tries to understand the page. This information is stored in a huge database.

When someone performs an online search, Google matches up pages within its index to the keywords in the search and returns a search result. The more closely an indexed page fits the search terms, the higher it is ranked in search results.

Search bots are constantly on the lookout for fresh, up-to-date, and thorough content, so search results are continually changing based on the latest information in the index. The more current and complete the content on your website is, the more likely search engines will recommend your website in relevant search results.

A common mistake that many architecture firms make is that they don’t update their website content. Establishing a routine of reviewing content on your website, and improving or adding to it, will greatly help your search results. However, if you haven’t changed or updated your website in the past five years, you are unlikely to rank well at all.

Another point to consider is that, while your architecture firm website may have 1,000+ pages, if those pages are not relevant to your clients’ questions and needs, you are not likely to rank well either. Google and other search engines definitely prefer quality over quantity.

2. Keywords

Keywords are fundamental to the search process. These are the terms that a person uses in an online search when exploring information related to a specific topic, for example, “modern residential architect.” Keywords are the building blocks of language and of online search. If your architecture firm website does not use keywords properly, Google will have a difficult time indexing your site properly.

That means your site will not rank well in search results, and your prospective clients (those that don’t already know your firm by name, but are searching for your services and solutions) won’t be able to find you, but they may be likely to find your competitors.

3. Relevant Images with descriptive Alt Tags

For an architecture firm, images (or videos) of your work is an important selling tool. Unfortunately, internet search bots cannot yet scan your images and understand their content or context. Your website may be full of images, but if Google cannot access any information about your images, for example, a description of what a person would see when looking at them, the bots cannot index them properly. After all, remember those bots are computer programs, not humans, and they need to be told what they are ‘seeing.’

To help bots understand your images, you need to use “Alt Tags.” Essentially, an alt tag is a string of descriptive text that describes the image or video it is attached to. It’s helpful if you include relevant keywords in your alt tags, as that further helps Google with the indexing process. Alt tags represent a huge missed opportunity we see time and again on image-rich architecture firm websites. Think of an alt tag much the same way you would think of a photo caption. Keep it short and to the point, just the facts.

4. Page Titles & Meta Descriptions

Page titles and meta descriptions are the words and phrases that the search engine pulls up from your page to list in search results. These words have a great impact on whether someone clicks to go to your site.

Page Titles

Page titles are exactly what they sound like. They appear as titles in search result listings when a page is served in search results. Each page on your website has a title, for example, ‘Home’, ‘About,’ and ‘Contact Us’ are all common page titles. However, your page titles can be much more descriptive and should include keywords.

For example, instead of ‘Home’ a residential architecture firm might have the page title ‘ABC Architects | Modern Residential Home Design, Naples, FL.’ If your competitors are using standard page descriptions like ‘Home | XYZ Architects’ fewer people are likely to click on their search result when compared to yours if they are looking to design a modern home.

Meta Descriptions

Meta descriptions are the text that appears directly below your page title in search results. The text you put in your page description should describe what a user will find on the page when they click through to it. It’s important to include relevant keywords and some type of call to action, for example ‘Click to learn more.’

5. Headlines & Subheads

Every page of your website should have one headline specific for that page. In terms of SEO, that headline (formatted as an “H1” in website design terms) should include a specific keyword that helps show Google what that page is all about. The subheads (H2-H6) that follow should include supporting keyword phrases that briefly explain what comes next. Remember, website visitors are most likely to scan a page for the headline and subheads before deciding to stay and read on.

When optimised for SEO, a good headline helps attract more of the visitors looking for a firm just like yours. Optimised headlines also help lower your “bounce rate” (the number of visitors who land on the page and leave just as quickly) and improve your conversion rate — that is, the number of people who visit your site and reach out to contact you.

Clear, keyword-specific headlines will help you improve your search result rankings.

6. Mobile Compatibility

In late 2016, mobile traffic surpassed desktop traffic on the internet. Starting July 1, 2019, Google begins indexing new websites based on their mobile version. For existing sites, Google will “continue to monitor and evaluate pages for [mobile] readiness.” (Source: https://developers.google.com/search/mobile-sites/mobile-first-indexing)
This is a very clear indication that mobile compatibility is increasingly important to Google. Yet, to this day, many architecture firm websites aren’t mobile ready. They haven’t been designed to account for different screen sizes – mobile, tablets, etc., as well as load speeds. Google includes load speed as a top factor for search engine ranking.

Load speed refers to how quickly a website loads in a visitor’s web browser on their computer or mobile device. Research shows that if your site does not load within a few seconds, many visitors will leave, including referrals. One key factor in loading speed is image size. This can present a very real challenge for architecture firm websites that rely on showing off a portfolio packed with many images. There is a solution: All you have to do is make sure your images are properly optimised – keep the file size to about 100KB on average (max 200KB) and 1500 pixels on the longest edge, at 72 dpi.

The Best Website Is The One That Gets You Found By Your Ideal Clients

While it is certainly important that your architecture firm websites looks good, the real goal of having an architecture firm website is so your ideal audiences will find it (find you) and be so engaged by the content, that they will take the next step to contact you. Search Engine Optimisation (SEO) is a fundamental factor in improving the chances of your website attracting, engaging, and converting leads to projects. —

The post Why Most Architecture Firm Websites Suck (and how to fix them) appeared first on Archipreneur.

This week’s interview is with Robert Yuen, Co-Founder of Monograph.io and Partner at Dixon & Moe, a technology company that is based in San Francisco, CA.

Monograph is a website builder and concierge service designed for architects. Dixon & Moe was founded by architects, engineers and designers with a mission to help the AEC industry develop and deploy software solutions.

Robert is a great example of an architect who is pushing the traditional boundaries of the job profile and developing digital technologies within the architectural market, making him a perfect fit to the archipreneur concept. Read on to hear more about Robert’s background, what he learned along the way, and his advice to up-and-coming archipreneurs.

Enjoy the interview!

P.S. If you do not yet have a website and plan to develop one, make sure you try out Monograph.io!

Could you tell us a little about your background?

Sure, I did my undergrad in Architecture at the University of Illinois, Chicago, followed by a master’s degree at the University of Michigan. I also did a postgraduate degree, with a focus on the use of robotics in architecture and digital fabrication. I then worked for a number of years—spending a short period of time at Skidmore, Owings & Merrill (SOM) in Chicago—before I relocated to San Francisco, where I currently reside.

I’ve worked as an architectural designer across a vast spectrum of work, from prefab at Blu Homes, skyscrapers at SOM, to high-end residential and design build.

Why did you focus on robotics?

Ever since I can remember, I’ve had a great interest in technology. In part, this is why I chose the University of Michigan as the best place for me to attend graduate school, as their School of Architecture had heavily invested in robotics, digital fabrication tools and the faculty to teach advancing technology in architecture. I am extremely interested in the advancement of architecture through a wave of technological advances such as robotics, automation, and software.

And now you are focusing on digital technologies within the field of architecture, is that right?

That’s correct. Immediately after graduate school, I started my first company, an educational consultancy called Section Cut (sectioncut.com). Its goal is to demystify architectural education and to effectively “close the gap” between the various schools of architecture through the use of a bookmarking tool. This tool slices through the Internet to create a crowd-sourced library of resources and information for architectural students. I’ve been working on Section Cut part-time since 2012.

Not long ago, I met Alex Dixon and Moe Amaya, who also have a background in architecture. They have a Master of Architecture from MIT, and immediately after their studies they started building software, websites and web applications. Shortly after our meeting, we partnered to form the digital agency Dixon & Moe.

Dixon & Moe is a boutique software development and design consultancy focused on building applications and digital products primarily in the AEC industries. We’re one of the few consultancies in the world that can take an idea or problem from end to end with domain knowledge in architecture, engineering and construction. Because of the agency, we’ve built a number of websites for architects before the idea for Monograph was born.

Okay, so Monograph.io is Dixon & Moe’s first actual product?

Correct. The agency runs on a service based model, and Monograph is our first digital product designed to be product oriented. It’s a web platform, website builder and concierge service designed for the architectural profession. So, it is very different compared to other digital products out there. We understand the industry and that architects need a little help along the way, thus a hybrid business model was born.

Could you elaborate on how Monograph works? And what is the business model behind it?

Monograph is designed to be a software as a service (SaaS) model. SaaS is simply a fancy way of saying that it’s a subscription based model for access to technology. Our subscription based model is on a monthly or annual plan that includes the concierge service for free.

So if I have a small architecture firm and I want to build my website with Monograph, then I can go to your website where I can buy a subscription, choose a website theme, and help me build and migrate content over, right?

Correct. We’re like a small extension of your team, so you’re not completely alone. We’re industry experts in the web world, so if you have questions about SEO, or file and image optimization, or if you want to understand the best practices for consistency of updates and digital presentation, or if you need pro tips on managing social media networks, we’re here to help.

We’re also quite different from WordPress. Our complete platform is designed to be wysiwyg. That’s an acronym for “what you see is what you get.” Unlike a WordPress site where a lot of backend work is involved, when you’re logged in to our system the page you’re editing will look exactly the same as your front end website will look when it goes live, making it much easier to edit. If you can use Facebook and LinkedIn, you can absolutely use Monograph, no coding is required at all.

That is great, because architects are very visual and value aesthetics, right?

Yes, agreed! My partners and I had designed a number of websites for architects prior to developing Monograph. As trained architects, we understand the value of a profession that is heavily based on visual communication. A firm’s website is an extension of its portfolio and a representation of its practice online, so it is important to present it well across all media devices. We understand that the industry is primarily referral based, but a website is essentially a further reassurance to potential new clients.

What were the responses when you first launched Monograph?

Fantastic. It’s been a full sprint. We’ve only been live for three months and already have over 150 architects on board.

Great! How do you plan to grow the business?

Unlike other SaaS products, Monograph will largely depend on word of mouth. I hope to have a few more interviews, podcasts, and conferences in the coming months to get the word out. Our model is one currently is based on online marketing and word of mouth. This ideal plan for use to continue work and prioritize quality for our users.

Some of our clients and friends refer to us as a startup. I personally don’t like that word. Startups have the connotation that focuses on massive growth with an idea that necessitates venture capital first above quality and profitability. I see us as a small business, providing a value-first concept to the industry; our customers come first. We will continue to grow our business with this “small business” mentality which will help us build the right company for the industry.

Do you think that there is potential for architects to work with digital technologies?

I think so. As time goes on, the automation of construction and building technologies will vastly increase. I don’t know how much of it will impact architecture; I think the first impact will be seen in construction due to the size and scale of that industry relative to architecture.

I think the role of the architect will change in the coming years, with a primary focus on how architects will engage with advancing digital technologies. Learning to work with, direct, and design within automated construction, and leading the charge for developing new pedagogy and paradigms will inform how we move forward.

How has your architectural training helped you in the actual running of your business? What specific/transferable skills have proved the most useful?

Honestly, I think most architects are not trained very well to be business people. It’s not part of the curriculum of architecture as there’s already so much to learn.

But what architectural training does do is it encourages a creative mindset and promotes openness, scrappiness, a hard working ethic, receptiveness to criticism, and ensures you iterate and test solutions once they have been developed.

This is something people in other industries have a hard time learning because these types of skills are not in their foundational toolkit. To design, to edit, to re-design, to look at problems in a different light: all these traits are extremely important and valuable in running a business.

Do you think that business courses should be implemented into architectural education to better prepare students for work life?

I think it’s really important to at least get a very broad overview, perhaps something like a Business 101 class, which just touches upon business formation typologies, contracts, and negotiation skills. We don’t have to dive too deep. But at least that would mean you’re not graduating with zero experience of business. To focus on a curriculum that teaches a mindset that expands on how transferable skills from studio to business would be an extremely exciting course to take.

Do you have any advice for archipreneurs who are interested in starting their own business?

I would say: don’t be afraid. The best advice is to get rid of internal barriers to helping you achieve success. Once that fear disappears, then you can look at the situation more logically and focus on developing a business plan and strategy. Eliminating the fear and the “I can’t” feeling is a really important first step.

You are living in San Francisco. Is the local startup environment there helpful for growing your business?

Looking back on some of the decisions that I’ve made to make things simpler, I have found that the contacts I have gathered in my local environment have been very, very important for my work.

I strongly believed if you are very passionate about being entrepreneurial, you should surround yourself with likeminded people. You have to surround yourself with contacts who can help foster the kind of spirit to push you forward. I think that’s very important. And it’s the fastest way to learn! Being in San Francisco, provided me the context and resources need to build a business.

How do you see the future of the architectural profession? In which areas (outside of traditional practice) can you see major opportunities for up and coming architects?

Generally speaking, I think that architecture has been one of the most technologically underserved industries thus far, so there’s a lot of room for archipreneurs to come in and provide value and assistance. The industry is slow, so there is a lot of room to grow and make processes more efficient.

I think technology companies are currently seeing a lot of potential in the AEC industries. Opportunities are rich for architects to engage with various kinds of advancement.

There’s a number of technology companies that have a great deal of interest in architecture, construction and cities. So there are a lot of possibilities for architects to operate outside of the traditional practice of architecture. I’m a strong believer that being an entrepreneur is more of a mindset than a job title. You can develop the mindset of being an entrepreneur by assisting larger companies, providing your expertise on the built environment.

One of my greatest interests in the future of architecture is the automation of digital fabrication in architecture and design build. I would love to work on introducing rapid prototyping and robotic assemblies onsite.

About Robert Yuen

Robert Yuen was born in Chicago, IL., USA. An entrepreneur, strategist, and architectural designer, he received his M.Arch and MSc. in Digital Technologies from the University of Michigan. He is now Partner at Dixon & Moe, Co-Founder of Section Cut and Co-Founder of monograph.io.

Robert’s key mission is to elevate the AEC industry by developing and designing specific software applications for architects, engineers and designers. With domain knowledge and expertise in marketing, strategy, and architecture, his interests are in consulting on real world problems and in taking digital ideas from end to end.

The post The Story Behind Monograph.io – a Beautiful Website Builder Tool from Architects for Architects appeared first on Archipreneur.

In 2013, I started a new job for an architecture firm. A friend of mine had approached me for it and I thought it would be an interesting opportunity to learn more and develop my career. I remember that firm’s website very well – a single page with low-resolution images – it looked so 90s… and the logo looked like something from the 80s!

I was shocked! Did I really want to work for a firm that put so little attention into its online presence?

After a few talks with my friend and the other members of staff, I finally did work for them, as it appeared that behind that disappointing front-of-house showcase, the job would be both interesting and challenging.

I started as one of the firm’s youngest employees. Highly motivated, I wanted to inject something new to the place. So I suggested a new web design – we had to drag the firm’s online presence back into the 21st century somehow …and also avoid any more negative reactions from potential employees in my age group!

Alongside my daily tasks at the firm, I started to create a draft design in Photoshop. My friend was a great help to me, gathering all the firm’s projects together to produce web-compatible images. Once I was finished with Photoshop, we had to find a coder who would take my design and turn it into HTML.

Long story short, the whole process took about half a year until we were finally able to go online. The coder wanted around $2,500, which was a special rate because we knew him – it could easily have been twice or three times that price considering the work he did. We got a lean website with a news page, projects section, contact page and an “about the firm” subpage.

Back then I was pretty proud and, thinking about it, I guess the design was okay. But now, 2 years later, I can tell you one thing: spending all that time and money was a mistake! I would go about it very differently today…

You don’t need to spend thousands of hours and dollars designing your website

In retrospect, I would not have spent hundreds of hours and dollars for a coder to create a website for me. Before I teach you the 5 steps to easily create a good-looking and professional website for your design business, let me summarize the main learning points for you real quick…

First of all, I was hardly a pro in web design – the whole thing took me a very long time to create. It was definitely fun, but my time could have been more valuably spent focusing on other things. From what I know today, I would simply search for a nice WordPress theme and customize that to my needs.

Now knowing the ins and outs of WordPress from my blog, I realize we made the whole thing too complicated. WordPress is so easy in the backend and gives you thousands of possibilities for customization, like adding a blog to your site, easily uploading projects, and editing content.

One thing that we tried to do with the firm’s site was to make it mobile responsive, meaning that the site would change to the size of the device being used to view it. It didn’t turn out too badly, but it had nothing on the WordPress themes you can get your hands on today. Nowadays, you can find really great, mobile responsive premium themes for under $60!

Mobile responsiveness is actually the one thing I am still missing on my own blog at archipreneur.com, so I still have work to do. But starting a blog at all has taught me a lot of rewarding things. Namely, that you do not have to be a web designer or coder to start a professional site for your architecture projects, portfolio, blog and profile. You just have to work out WordPress, which is much easier!

Now, go make yourself a cup of coffee and then we’ll start with our step-by-step process on how to start building your own website…

How to Start a Website for Your Architecture Firm… or any Type of Design Business

Launching archipreneur.com has taught me a lot about websites, WordPress and blogging. I thought that I would write up everything I have learned about launching my website and break it down into a simple, 5-step process, so that you can easily build a page for your design business.

Before we start, I will quickly go over what a blog is and how it functions. Otherwise, you might wonder why you should be starting your website on WordPress over any other site platform out there.

A blog is in essence a website that is regularly updated with post entries. WordPress is the web software on which your blog runs, as well as the backend Content Management System.

It really can look like any other website: it can have a homepage, an about page, a project page and so on. In fact, many websites you read are likely blogs, or are set up in blog format.

Here is a brief overview of what we are going to be covering in these 5 steps to build an architect’s website. Below that, you’ll be able to read how to complete each step in more detail.

1. Register your domain – A domain is your unique URL – mine is archipreneur.com. Yours could be abc-architects.com.
2. Set up a hosting account – A host is a server that stores your files, so that when someone types abc-architects.com into a browser (like Google Chrome or Safari), your blog will show up on their computer screen or mobile device. To start with, I recommend Bluehost, which I used in this tutorial because it is super easy to handle.
3. Install WordPress – WordPress is an open source platform for building blogs and websites, as well as archiving all your content.
4. Choose a design theme – A theme is the design front of your website. It provides all the front-end styling of your website, like colors, page layouts and fonts.
5. Upload your content – Once you have finished steps 1–4, you will be ready to upload your projects, firm profile and so on, to your new website… you might even want to start blogging on your own company’s blog!

Okay, now we are ready to begin the section where I walk you through the steps of building your own website. I will explain everything through screenshots, which you should be able to easily replicate.

Step #1: Register Your Domain

Your domain is the URL of your website, like archipreneur.com.

The first step is to register your own domain. If you are planning to sign up with a hosting company like Bluehost, which I will cover in Step #2 below, you can often get a free domain name with the cost of the webhosting. So, if you plan to sign up for hosting you can skip to Step #2.

If you have already registered your domain, no problem, you can simply transfer your current domain name while setting up your hosting account…

So let’s go over to Bluehost. If you click here, you should see the page shown in the below screenshot.

Step #2: Set up a Hosting Account

Your website or blog consists of many files. These files are all stored on a server that can be accessed from your web browser, like Google Chrome or Firefox. You will, in effect, “rent” a space on the host’s server in order to install the WordPress software and manage your website. So the host plays a very important role in setting up your site.

There are a thousand of possibilities for getting a hosting account. However, if you are starting a page that doesn’t have a lot of content or blog entries, it is best to take an easy-to-handle and inexpensive offer. From my research, I recommend Bluehost. I believe it’s a great option for a design business or an architectural practice because:

• Bluehost has proved to be a very reliable hosting provider, which hosts over 850,000 WordPress blogs to date.
• Bluehost has great 24–7 customer support via phone, email or chat.
• Bluehost is inexpensive. Hosting packages start at $3.95 – $5.95 a month, depending on which plan you select. The longer you commit, the cheaper it gets.

So, super handy and easy for beginners to set up! If you are still in, go to the Bluehost homepage and click on the green “Get Started Now” button.

Next, you need to decide which of the Bluehost plans is right for you. I recommend the Starter Package. If you think you’ll have a lot of projects and content, which will extend the 100 GB server space in the Starter Package, then the Plus Plan would be a better option because it comes with unlimited website space. The same goes for email storage, which is limited in the Starter Package.

Now you need to decide whether you need a domain name. If you have not previously registered a domain, you can enter your desired name in the left-hand box and click the “Next” button.

I chose to register the domain name wp4arch.com (standing for WordPress for Architects) for this tutorial. This is the domain where I will install WordPress and an example theme to take a look at later.

If you have a domain name registered with another domain registration service, e.g. GoDaddy.com, then you can also enter your domain name in the right-hand box and sign up with your existing name.

Please note: You have to change the name servers at the company you bought your domain to the Bluehost name servers. This process is a bit different depending on the registrar that you have chosen. Bluehost takes you through the entire process here.

Now you can enter your account information and scroll down to select your desired plan. You can choose the price range – from $3.95–$5.95 a month, depending on your commitment of 12, 24 or 36 months. I would recommend the 36-month length because it works out to be the cheapest over time and you will probably have your site longer than one year, right?

Enter your billing information, confirm that you have read and agreed with the Terms of Service and then click the “Next” button.

After clicking through some of the upgrade offers which (in my opinion) you do not need, you should reach the “Welcome to Bluehost” screen. Create your password by clicking on the blue button and… congratulations, you have made it to the next step!

Step #3: Install WordPress

Now you are ready to install WordPress on your host server. This is where Bluehost has made the process so simple.

WordPress is a free, online, open source website creation tool. In non-geek speak, it’s probably the easiest and most powerful blogging and website content management system (CMS) that exists today.

On the Bluehost site, click on the menu button “Hosting” and you will bring up your Bluehost main control page (if you are not already on it by default after you signed up).

Click on the “Install WordPress” logo in the fourth row and wait for a moment until the page loads. It might take a while.

A new WordPress screen will then appear. Click the green “Install” button. That will bring you to a new screen, saying “Select which domain you would like to install to”. It should default to the one you need. Click on the green button “Check Domain”.

The next screen will say, “Last step, you are almost there.” Click on “Advanced Options”, then type in the title you want your site to have. Don’t worry about getting it perfect; you can always change it later. Accept the “Admin Username” and “Admin Password” that Bluehost suggests.

Now click on the item that says, “I have read the terms and conditions of the GPLv2.” Click on the “Install Now” button and the installation process will begin. It will take a minute or two to install entirely.

Here, you might get an “upsell” pop-up, which you can easily click away with the “X” in the upper right-hand corner. After that, you should see a screen saying, “Your install is complete!” on the top of the page.

Now, click on the black “View Credentials” button. This will take you to the Notification Center. Click on the “View” button.

Once that is done, you’ll get a screen with your blog URL, login URL, username, and password. Bluehost will also email this information to you, but I would suggest having a backup. You can write it down or just take a screenshot.

Log into WordPress

Great, you have just installed WordPress!

Now you are ready to login to the WordPress admin area. Either click on the “Admin URL” link or type the following link into the address bar of your browser:

www.yourdomainname.com/wp-login.php

This will lead you to the WordPress login page. I recommend that you bookmark this link because you always will come back there when editing your website.

Now enter your username and password (the one you created in the Notification Center). Put a check in the “Remember Me” box if you’re using a private computer and then hit the “Log In” button.

You should now be looking at the WordPress dashboard. This is the back-end of your site, from which you will steer and edit your website. You might see a welcome offer from some plug-ins like the JetPack. Do not worry about those right now.

Okay, now you have set up WordPress and are more or less ready to write your first blog post! If you take your cursor to the upper left-hand side of the dashboard where the name of your site is, a little menu should come up, to say “Visit Site”. Just for fun, click on it. It will bring you to a preview of your website; you will see a pretty basic blog layout.

Now we need to change that to a nice design that will suit your company’s brand. And that is where the fun begins…we’ll get there!

Step #4: Choose a Design Theme

Now that you have a domain, you have set up your hosting, and you have installed WordPress… it’s time to find a nice design theme.

What is a WordPress theme? It is the skin of your website; the visual component, like the body of a car.

When you install WordPress, you are automatically given the default theme (the one you likely just saw if you clicked on “Visit Site” earlier). If you are an architect or designer like me this will probably not satisfy your tastes, right?

From here, you basically have two options: either find a free theme, or buy a premium theme. You can find thousands of free themes on the wordpress.com website or by googling for free WordPress themes. However, my experience has been that I am never 100% satisfied with the free themes on offer. Premium themes are much better in terms of design, optimization and service. A premium design theme will cost anywhere between $30 to $100 but it is totally worth it.

I have written a post on my 10+ favorite themes for design businesses here on my blog. You could take a look there before searching for one yourself, as you may just find one that you like.

I would suggest that, for architects and designers, the following list of requirements should be matched by whichever theme you choose:

• Aesthetic, minimal and clean design
• Compatibility with all devices, meaning it has to be mobile responsive
• A portfolio section that’s able to contain all your projects
• An “about” page
• Social media features and plugins
• The option to have a blog

I really like the “Angle” theme from WPZoom (see the image below) because I like the clean and minimal design and it ticks everything on the list above. For the purpose of this post, I will take this as an example theme to install.

If you want to search for a premium theme all by yourself, there is a lot of choice available out there. If you want to google design themes, it would make sense to use the following searches:

Portfolio WordPress theme

Design theme

Premium WordPress theme

Mobile responsive portfolio theme

Here are some links to pages that also offer a range of good themes:

• ThemeForest
• StudioPress
• WPZoom
• ThemeZilla
• ThemeTrust

Find a theme that matches your aesthetic and functional needs for your business before we take the next step.

How to Install your WordPress Theme

Once you’ve decided on a theme, you can then download it to your computer; it should be a zip file, like theme.zip. In my case, it is angle.zip.

Next, go to your blog dashboard – again, you can get there by going to yourblog.com/wp-login.php (the link you should have bookmarked before) and typing in your username and password.

To install your new theme, go to the menu panel on the left-hand side and then choose:

Appearance > Themes > Add New > Upload Theme > Upload theme > Install Now > Activate.

Once you hit “Refresh”, your new theme should be live on your site. I installed the “Angle” theme for the domain wp4arch.com for you to have a look at. Don’t be afraid to see how it looks at this stage. The theme is not filled with content, but rather as you see in the screenshot below.

Now you have installed the raw theme, which is burning to be filled with your projects, profile, contact information and anything else you might find useful. You can also add your logo, change the colors, background, etc.

Step #5: Upload Your Projects and Profile

Congratulations, you have set up your firm’s new website! Now the real work begins ;-)

If you sped through steps 1–4, it might have taken you somewhere between 15–30 minutes to set up your website (providing you already knew your theme and had all your resources gathered).

In this final step, filling your new site with content will probably take some more time because you have to have all your project images, texts and all that goes with them at hand. But do not worry, I will show you how to upload your first project and how to change the “about” page of your website.

If you also chose and installed the “Angle” theme for your new site, then your dashboard section will look like the following:

You can customize everything you want from your WordPress dashboard. WPZoom has a great tutorial site for each of its themes, as well as the steps you should take for customization:

http://www.wpzoom.com/documentation/angle

But let’s do the first steps together. We will upload an image for the slideshow, set up an “about” page and create the project section.

Set up the Slideshow

To upload an image to the slideshow, go to the left-hand menu and select:

Slideshow > Add New

Now enter a new title. I will go for “wp4arch – WordPress For Architects”

Now, go to the “Featured image” section on the lower right-hand side and press the “Set features image” link. Upload an image and the first step is complete. Now it’s starting to look like a real website! Check it out below:

Create an About Page

Now we will create an “about” page.

Go to the left menu bar and select:

Pages > Add New

The title should be “about” and in the below post section, I entered the following text:

WP4ARCH is a WordPress tutorial site for people within the architecture and design community. Our goal is to help you launch high quality websites for your design business by providing knowledge about web design, hosting, themes and WordPress.

You now have to create a menu button for the “about” page so that we can see it in the upper left-hand side of the site. Go to:

Appearance > Menu

The “about” page you created should already appear in the menu section. Just type “about” into the blank “Title Attribute” field and check the little box next to “Main Menu” directly below it, to make sure that the button for the page will be shown in the main menu. I did the same for the homepage, so now you should have two menu buttons already once you refresh the page.

Create the Project Page

The last step to take, before you continue finalizing your page, is to set up the project page, or portfolio section, if you chose to name it differently. The “Angle” theme includes 2 different page templates for the portfolio page:

1. Portfolio (isotope) – this template is based on the isotope effect, and will display all your portfolio posts on one page. You will be able to sort them using the categories at the top.
2. Portfolio (paginated) – this is the default template, with paginated navigation, which will display as many portfolio posts per page as you set under: Theme Options > Portfolio Options.

1. To create a portfolio in which you will showcase all your projects, navigate to: WordPress Dashboard > Pages > Add New
2. Look for the “Page Attributes” box on the right-hand side, and select any of the 2 available portfolio templates from the template drop-down menu.
3. Once you have created your portfolio page, navigate to: WPZOOM > Theme Options.
4. In “Portfolio Options”, select your newly-created page from the dropdown menu.

So you’ve made it through the tutorial! Now you should enter your content on the page and work on making it as professional as possible. In the next section, I will give you some ideas about how to do this…

What’s next? Start Blogging, Add Social Media, Collect Emails…

Wow, great! How does it feel to have a new look for your business?

I want to give you some ideas on what else you can do with your website once you have set it up. Of course, it all depends on your individual goals and motivations, but I have a feeling that many architectural practices could get much more out of their online presence if they had the right tools at their disposal.

Start a blog

Blogging is a powerful tool to connect with your clients and become a recognized authority in your field.

For many years, architects and designers have shown their projects as a reference for what they do, on their websites. Friends and followers might like your projects, but what people really love are the stories told about them.

Telling the story of your business, writing about things of which you have special expertise, or simply using your blog as a news section, will build a relationship with your readers. Those readers could be existing or potential clients, even future employees. You may even be invited to lectures because someone recognizes you as an authority in your field from reading your blog and news articles.

Blogging can be very rewarding if you can integrate it consistently to your business structure. I like blogging both as a hobby and as a method of learning, sharing and connecting with like-minded people.

Integrate social media

Social media is another great avenue to share your work and connect with your readers. You could set up a Facebook page, a Linkedin group and a Twitter profile for your business.

Most themes come with integrated social media features. Often they are those little icons that can be found in the sidebar or footer. You could add links to your social media profiles so that people can easily find and follow you on their favorite platform.

If you integrate “Share” buttons to the post section of your blog, you give your readers the opportunity to spread the word and share your projects and posts, multiplying traffic to your website. Search for “Share” buttons in the plugin section of your WordPress dashboard. There are many free ones available. I use the plugin Shareaholic.

Collect email addresses

Building up an email list is another great way to stay in contact with your audience. You could inform them of news of your projects, as well as upcoming events or lectures. Imagine you are organizing an exhibition of your work, or you are publishing a book. If you have an email list, you can easily inform all of your clients and friends about these events and ensure that you will have a pool of visitors and/or buyers.

Good email list services are AWeber and MailChimp. You could integrate an opt-in form on your site and connect this to one of the client lists. There are also email list plugins available; SumoMe is great for email opt-ins.

Finally…

WordPress websites are a great way to build your online homepage, and easily maintain and develop it. I hope I was able to help you a little in getting started and helped you understand that you do not need to spend thousands of dollars for professional looking websites.

You have now learned how to get a domain and setup hosting, install WordPress, select a design theme, and, finally, how to fill the theme with your own content. I hope that I also inspired you to use all the powerful “extras” at your disposal, like blogging, social media and email lists.

You can always come back to this step-by-step guide to use as a reference and review the example page I set up under wp4arch.com.

Blogging has been very inspiring for me so far and I believe this is just the start. I hope you will stay to follow the architecture and entrepreneurship community; perhaps you’ll become an Archipreneur yourself.

Please let me know if you have any questions about how to start a website by leaving a comment. I would love to hear from you and will do my best to answer your questions.

Note: Some of the links in this tutorial are affiliate links, and if you choose to purchase I will get a small commission, but this is at NO extra charge to you. This commission will only help me to continue to develop and maintain archipreneur.com. Every tool and piece of software I mention in this article is what I personally use and recommend.

The post How to Launch an Architect’s Portfolio Website in 20 Minutes or Less appeared first on Archipreneur.