So awhile back we outlined how to set up an Ubuntu Network Drive. After some time, we realized how useful it would be to access all our files when we weren’t in the office. Who hasn’t whipped out their laptop at home and realized, “shoot, the files I need are still at the office.” So we set out to make our network drive do a little bit more for us – allow us to access all our files remotely.

Again, we had a little trouble finding all the necessary parts to get this working properly, so we want to share just how we got everything up and running.

Our Situation

Keep in mind the following

• We already have an office server running on Ubuntu
• We don’t want to save most of our remote files on our laptops
• We just want to add access to our server when we aren’t in the office

The Problem

So what exactly do I mean by remotely accessing our files? Well, basically, we have a computer in our office that just holds files for us. We dump all our clients’ pictures, documents, proposals, and misc items onto this networked computer. Everyone in the office can access these files, save them, edit them, and upload new files. However, when we leave the office (and our network), we can no longer access all these files. So what happens when we have an offsite meeting with a client and realize we don’t have a copy of their proposal saved on our laptop? Yeah, exactly, DOH!

The idea is to set up a VPN – Virtual Private Network – to allow us to connect to our office network and access all the files saved on our server.

The Software

We found inspiration in one of our favorite tech blogs Lifehacker. They wrote an article about VPNs and all the reasons they can be useful. Give it a read here. They recommend the free/cheap software, Hamachi.

Sign Up for the Service Here

Basically, you’ll want to sign up for a free account and add the software to each one of your machines. Installing on Mac and PC is generally very simple. Once you set up your account, click on network and then add client. Walk through the steps and install the software on your machine. At this point you should create a network and password and have your other computers join that created network. This will take care of your Macs and PCs. Installing on Linux is, of course, more complicated. Read on to see how we got it working.

Installing on Ubuntu

So the whole idea was to get our Linux server to share its files remotely with our Macs. But installing Hamachi on Linux isn’t the most straight forward thing in the world. You’ll have to break out the old terminal again and get everything running through there. Don’t be scared, it’s actually a lot easier than it sounds.

First, you’ll need to download the Linux beta program from Hamachi.

TweakUniverse has a pretty good video walkthrough on installing the software on Linux. Check it out below:

Basically you’ll want to install the Hamachi software using the terminal, and join the network using the command line prompts. But once you get it up and going you should see your Linux server listed on your other computers. Keep in mind, you’ll probably run into a snag of obtaining root permissions. Here’s a reminder on how to do that.

Putting it all Together

Once you’ve got Hamachi installed on all your computers, you can access files from by right-clicking the computer in your LogmeIn window and clicking browse. TA-DA. You can now access all the files your server is sharing.

Keep in mind that VPN and Hamachi have a lot of other awesome uses – this is just one. But combined with our network drive, we now have an awesome file sharing and storage solution that lets us keep junk off our laptops but have access to all our files from wherever we are.

Hopefully this helps get a similar solution started in your office/home/school. Good Luck!

Take a look around the site and let us know what you think. If you are using Internet Explorer 6, 7, or 8 you there might be certain areas of the site that don’t work properly. We will be modifying the site over the next few weeks to accomodate users who have older browsers (although our advice is to always use the most current browser possible).

Let us know what you think of the site in the comments below!

Here’s the thing – we love dollarshaveclub.com. Not just for their interesting and innovative business strategy, but for their decisive and bold marketing. We like it so much, we had to write a post about how much we love it and what your company can take from it to apply to your future marketing endeavors.

Awesome Video

The first thing you see when visiting Dollar Shave Club is their hilarious and effective video. It’s simple, random, funny, entertaining, and a great pitch. It has a smack of the Old Spice commercials as well as a perfect taste of dead pan humor. Most importantly, its distinctive.

Ok, it’s hilarious, but so what? Well, that’s a great question. There’s a lot to be said for this video. It’s dead simple. Literally filmed within their apparent warehouse, they clearly didn’t spend a great deal of money filming or producing the video. But that’s what’s great about it. The message, content, and humor create a clear, memorable, and distinct message that clings to you. Within moments you want to share the video to all your friends. And that, is exactly why we love this website. It’s sharable. Practically begging you to handle the marketing free of cost to Dollar Shave Club. Imagine how many hits they’ve received on their website from their video alone? And as we all know, traffic is a very, very good thing.

The Website

Did I mention the website is downright gorgeous? It hits on every single trend in the web design community: texture, banners, large text, custom fonts, and usability. It screams something clearly and loudly – “We have a brand. We know who we are.”

A website defines you as a company and in most cases acts as a first impression for what you do and what you’re all about. This means, having a pleasing, usable, and effective website is hands down the most important first step you can take in building a brand. You’re site should look unique, be easy to share, and drive users to contact you to take the next step.

The Social Media

I keep talking about sharing, and you’re probably asking, “What the hell is he talking about? Why does that matter?” Well thank you for bringing that up, its a perfect time to make the most important point about this company. On every single page, in every feasible place you will find social media buttons. They are tasteful yet ubiquitous. But much more importantly, Dollar Shave Club has a brand and message that you WANT to share. They aren’t spamming you with like buttons, they’re saying “hey, we know we’re awesome, tell your friends about us.” Well guess what, you tell your friends, and then they tell their friends, and their friends tell their other friends. Now you’ve got an internet sensation on your hands.

So what does all this mean for your company? No, please don’t put social media buttons all over your site. Seriously. Don’t do it. Its tacky. Instead, spend time coming up with meaningful, genuine, fun, and consumable content that people will want to tell their friends about. Create a Tribe – a group of people who are advocates for your brand. Help them tell their friends about you with great stuff and a great website and reward them for being apart of your Tribe.

So go visit dollarshaveclub.com and tell your friends. Hey, while you’re at it, before you leave click the little like button over their on the left! See that was pretty easy huh?

[Dollar Shave Club]

We would like to welcome Quality Restorations Inc. to the Tribeswell Web Design Portfolio. QRI is a concrete and building restorations company that works in the greater Chicagoland area. Their work has ranged from small buildings to massive apartment towers, to world famous structures. When we were approached to build their site we knew we wanted to create something unique for the industry that would help highlight their incredible work.

Branding

Starting with a redefined logo we wanted to capture the rustic and seamless influence of concrete. Leveraging subtle texture and dark color, we were able to blend modern design features with a simplistic page structure to develop an ascetically pleasing design unlike anything else in the industry. Balancing whites, blacks, and grays further helped to mimic the feel of concrete and act as a launch pad for the bright and vibrant pictures found throughout the site.

The top of each page features the bold logo over a white background and a dedicated description of the business and its location. These elements serve to quickly introduce the company and describe exactly what they do. They also begin to develop a brand that is infused throughout the rest of the website.

Home Page

The Slider

The Home Page features a large and expressive slider displaying some of the major projects QRI has worked on. The slider is more interactive than other sliders we’ve used in the past, but the design helps drive a sense of modernism that carries through the rest of the pages.

Displaying large pictures of restored concrete in the Chicago area helps to visually describe what QRI does and where they do it. The tagline “Sound Advice | Experienced Workmanship” further creates a brand that users can take with them even after leaving the site. In addition, the tagline helps drive users further down the page where they find a few more key elements.

Featured Elements

Just below the slider sits a group of features designed to drive users into the internal pages and learn more about the company and its work. Subtle shades of gray and white further exmplify the modern appeal used throughout the site and help orient focus to the icons, text, and photos.

We really like to consider different types of users when building pages so we used a clear navigation bar at the top of the website in order to help users who quickly want to find information get to their destination. For those users who enjoy deeper elements of a website, we included these features as a means of navigation and designed them to act as a spring board, launching viewers to new pages full of information and additional branding.

Internal Pages

To display the content we continued with a modern design that featured different levels of information and some subtle touches that supported the branding of the business. Using pictures of Chicago and a small graphic above the sidebar on each page helped unite QRI with its home city of Chicago while keeping the pages fresh and visually interesting.

Portolio

The portfolio pages include pictures of several major projects QRI worked on. They describe QRI’s role and how they were able to restore the buildings to their former glory. Each gallery page favors an array of photos and galleries while leveraging a “see more projects” sidebar that keeps users interested and clicking throughout the site. A call to action of the bottom of each page helps to transfer impressed parties to the contact page where they can learn more about QRI’s expertise and work.

What They Thought

Tribeswell was very responsive throughout the process; they even provided me the opportunity to see and comment on the website as it was built. Even now, if I have an idea or need something changed, it is done immediately. I would recommend tribeswell to anyone, whether they have a website already or not. Tribeswell created a very user friendly, aesthetically pleasing website that we are very proud of.
-Tom Steele of QRI

We are really happy with the result and proud to add Quality Restorations to the Tribeswell portfolio. What do you think of our work? Let us know in the comments:

[Quality Restorations Inc]

1. Familiarize client with hosting and support costs and our terms of service. Releasing work to a client is a big deal. In most cases, they have paid us a substantial amount of money to do work for them, so before the work goes live the client needs to have an understanding of what will be covered in the future.
2. Check to make sure contact forms forward to the correct person. The client has purchased a website from us to improve their marketing. If contact forms aren’t going to the right person, then it kind of defeats the purpose.
3. Turn search engines ‘ON’. WordPress has a feature where you can ‘hide’ your site from being indexed by search engines. We generally enable this feature while we are building the site so that no one accidentally comes across unfinished work.
4. Cross-browser check. Different browsers often display websites in slightly different ways, so before we launch a new website we need to make sure that it performs acceptably in the current releases of Firefox, Google Chrome, Safari, and Internet Explorer 8 and 9.
5. Install Google Analytics. It is really important to us that we have an accurate record of website traffic from its very beginning. Even if a client isn’t planning on using traffic data right away, if they need it in the future, it will be hugely helpful to have a long-term record.
6. Check email settings. Launching a new website can occasionally reek havoc on a client’s email settings. Before we launch a new site we always take a look at how their email is set up and take any necessary precautions to avoid any disruptions.
7. Modify DNS records to point the site to the appropriate domain name. This is the part where we tell the domain name to stop pointing visitors to the old website and tell it to start pointing to the new website.
8. Check images and links. Once the domain is pointed to the new site there is always the chance that some of our images or links might not work, so we always double check to make sure that everything is still routed correctly.
9. Install Google XML Sitemap plugin. WordPress does a great job with search engines, but one thing it doesn’t do is ‘ping’ the major search engines when new content is added and it doesn’t create an XML sitemap to help search engines prioritize pages. This plugin does both, and is a great first step towards getting a new site established with search engine indexes.

If you’re anything like me you work in an office with a co-worker or two (or 50) and you have a generous handful of files you’re sharing between you. You’re probably also using dropbox shared folders and maxing them out. This week Tribeswell set out to fix this problem by creating an office server. After spending an afternoon googling one problem after another we decided to create this tutorial on the process:

Our Situation:

Our system has the following characteristics:

• We all have Macs running Lion that we work from
• We are using an old pc and Ubuntu
• We want to simply have a network hard drive we can share and store files on

The Hardware

Everyone has that friend or family member with an old computer they are neglecting in the garage or attic. A quick visit and please&thankyou should get you started with all the hardware you need.

For our computer we decided the stocked 160gb hard drive wouldn’t be quite large enough, so we bought a 500gb and the necessary hookup components. After installing the new hard drive we were all set to get started on creating our office server.

The Operating System

Since we were starting from a fresh hard drive, and because all the noise we heard about Ubuntu as a server from the internet, we decided linux was our best option for the operating system.

Download Ubuntu Here

Installing Linux is pretty straight forward. The Ubuntu website has most of the answers you need to get things up and running. We installed off a cd since its somewhat difficult to set up a linux boot flash drive on Mac. Following the onscreen directions was all it really took to get things up and running

Linux is a little unique in that when people create tutorials for making things happen on the system, they almost always direct you to use the terminal. Since we were completely unfamiliar with the OS we had to figure out a few key things:

• Use CTRL+ALT+T to open a new terminal window
• You will often need to log in as the ‘root user’ to make system changes. Do this by typing in ‘sudo bash’ pressing enter, and then your user password when prompted. – This was the easiest method we found.
• the ‘/etc/’ folder is located under the filesystem directory which can be found from the file finder, similar to Mac.
• For folders and other items that require permissions to write, you may have to change your permission settings. This is pretty simple and is outlined Here. Basically press alt + F2 and type ‘gksudo nautilus’ – entering your password should change your permissions and allow you to edit any file you want.

The Software

Once Ubuntu was installed we were pretty much lost. Googling file sharing solutions led to a series of confusing tutorials ranging from creating a full web server to setting up a network drive using windows. However, after a lot of searching we found a few articles that turned out to be very helpful. The process is as follows:

1. Install Netatalk: Since we all use Mac products, we needed a file sharing service that would work well with OS X. Turns out Apple uses its own File Transfer Protocol called AFP (Apple file protocol) and the software Netatalk helps Ubuntu to talk with Mac computers on your network.
   

   The Missing Readme has a pretty good explanation of how to set this up

   However, I do want to mention that since we were using the latest version of Ubuntu (11.10) and Netatalk (2.2) a few of the steps were unnecessary. For instance, the tutorial mentioned turning off settings that helped Netatalk work with older versions of Mac OS, this was unnecessary as they were already turned off for us. Additionally, we were cool with setting up the home folder as our default shared folder and creating files within it, so we didn’t need to add any other directories.

2. Install Avahi: Netatalk helps your server intact with, and transfer files between computers on your system. To really add convenience and a Mac-like experience you should install Avahi to help the server imitate Apple’s Bonjour service. It basically tricks your Macs into thinking the Ubuntu server is just another Mac on your network. This really helps when you want to interact with the files on the server.




3. Logging in and using the server: In order to log in and use the server, open up a finder window on a Mac device and find the server identified on the left hand panel. Click on it and then connect as – use the Linux username and password created on installation and things should be up and running. Sharing folders and files should be as easy as dragging and dropping.

Some Limitations

• This system won’t really help you if you’re looking for a remotely accessible server.
• Your transfer speed is pretty dependent on your network/router speed
• It is pretty easy to save over someone else’s work, if two or more people are working on the same document

However, with that being said, we managed to take an out of date computer and create a network hard drive that will open a great deal of space on our local machines. It allows for fast and convenient sharing of files by everyone in the office, and it was next to free to get everything up and running. Hopefully, your project goes a little smoother with the tips and processes laid out above. Good Luck!

We were approached by the founder and owner of this not-for-profit organization, Roel Carandang, when he heard of us through a mutual contact. With a conference right around the corner, he needed to update his site fast and contracted us to do as much as we could in the short time available. Taking lead on design, I chose a simple green color scheme (for obvious reasons) and tried to work best with what I already had. The end result was much better than what anyone was hoping for. The simplicity that time demanded lent a hand in developing a visually driven, aesthetically minimalist feel that carries through each page and lets the content take the spotlight.

Branding, Typography, and Color

When we were first introduced to the IGO website there was a great amount of green on the page. Rightfully so, we determined that maintaining a green theme would continue to communicate the golf aesthetic quickly to new visitors. However, using a monochromatic color scheme is often a delicate balance and it is important to get each shade perfect so everything is cohesive. Using software and a scrutinous eye, we landed on three shades of green that complimented each other and would be the foundation for the whole site. Tossing in a little gray and white for contrast, we had our complete color scheme.

The logo was a pretty quick update – simply changing some font and moving the text from the bottom to the right side would maintain the left-to-right motion created by the main figure while slimming down the header.

For the main text we determined a sans-serif large point font would appeal most to the target audience. Sans-serif is used for its simplicity and large point allows easier readability for an older user. Adding a Serif style font for the page headers helped them stand out as the title, while leveraging a green font color would tie the content to the rest of the page.

Homepage

It was important for us to quickly communicate what Indiana Golf Outings was all about from the get go. Highlighting the large gorgeous photos of golf in the main slider sets the tone for the rest of the website while driving users to internal pages.

To further drive users to the other pages, we leveraged a few widgets floating underneath the main slider. Additionally, for a quick determination of what the organization is all about, we placed a big “learn more” button on the top of the page for those visiting the site for the first time.

Taken all together, the homepage maintains a simplicity that is visually appealing while simultaneously offering users a great deal of options to learn more about the organization quickly.

Internal Pages

Following the links from the homepage leads to a series of internal pages with descriptions about Indiana Golf Outings and its processes. The large, cropped photos heading each page tie in with those photos found on the homepage and coalesced with the green color scheme that help to develop a theme consistent throughout the site.

The sidebar on the right of these pages is set off with a subtle gradient and filled with basic information and a clean “call to action” button. It helps balance the whole page and keep important information available to the user.

What They Thought

From concept to creation I appreciated the prompt attention you have given me. It was unbelievable how on the first try you were able to put my ideas on the website. No time was wasted and you have exceeded my expectations. Feel free to use me as a reference. Thank you for your work.

We are proud to have Indiana Golf Outings join the Tribeswell portfolio. So what do you think? Leave your reactions in the comments. And incase you don’t want to scroll up to the top here is the link again:

Indiana Golf Outings

Links are one of the key elements that make the internet work and analyzing links and anchor text is one of the key ways search engines deliver relevant results to users.

What is anchor text? Anchor text is the text that you click on in a link. So if I wanted to create a link to my homepage, http://tribeswell.com, and I create a link in a block of text that says “website design experts”, then the “website design experts” is the anchor text.

When a search engine scans the web and adds pages to its index, it also takes note of all the links on each page and the anchor text included in those links. If the search engine sees a link with anchor text that says website design then it infers that the page that is linked-to is important for the term “website design”.

The first links to think about are the links on your website that link to other pages on your site.  It is important to have a strong internal linking structure within your website. Here’s an example:

• Let’s say you’re a real estate agent and you have the following pages on your website: “Selling Your Home”, “Buying a Home”, and “Current Listings”.
• Let’s say you’re working on the “Buying a Home” page. It would be beneficial to include a link on that page to your “Current Listings” page, and the anchor text for that link might be “see all our current real estate listings”.
• You’ll want to do this same thing across all your pages and throughout all your content.
• Go back to your keyword research and make sure that your anchor text contains the keywords that you’d like to rank for.

• Imagine you’re an attorney located in Bloomington, Indiana who specializes in several different areas of law: business law, criminal law, real estate law, and family law.
• You’ve done your keyword research and you’ve got number of keywords for each area of law that you practice.
• You want your homepage to rank for the keyword “attorney bloomington indiana”, your business law page to rank for “business law bloomington indiana”, your criminal law page to rank for “criminal law bloomington indiana”, etc.
• In addition, it would be useful to have sub-pages under each category that relate to even more specific keywords that will help you win even more searches. So, your “business law” page could be supplemented with additional pages that would be aimed at winning searches for “forming a corporation”, “forming an LLC “, “intellectual property law”. You would also want to create sub-pages for all your other areas of practice.

So, now you’ve got some great content. Let’s talk about links…

This Article is Part of a 7-Part Series on Search Engine Optimization, Other Articles Include:

• Search Engine Optimization for Mere Mortals
• How Search Engines Work (the simple explanation)
• Keyword Research (in under 250 words)
• Why All the Links?
• Social Signals and Search (getting the edge)
• The Conclusion of Our SEO Series

We want to show up on Google! We want to dominate our competitors! We want huge website traffic! We want to be number 1 when you type in _____________!

When I meet with new clients, I generally hear some variation on these questions. Marketers and business owners are hip to the fact that search engines are the #1 way that people find solutions to their problems, and they want in on the action.

The problem with marketing on search engines is that it is significantly more complicated than older forms of marketing. In the old days, most people used phone books to find solutions to their problems. Got a leaky toilet? Search for a plumber in the yellow pages. Easy. If you’re a plumber, all you have to do is buy the biggest ad in the yellow pages that you can and you’ll get lots of easy business.

For a number of reasons, todays consumers have turned to search engines and forsaken phone books:

• Phone books are big and bulky, a smart phone easily fits in your pocket and is always with you. Most people work closely with computers anyway. Computers are a daily reality for most people. Phone books are not.
• Search engines provide lots more information about service providers and products. You not only get a list of answers to your question, but you can read reviews of other users, compare the full websites of several different providers, and make more informed decisions. In the yellow pages, the largest ad goes to the guy who pays the most money for it… period. It doesn’t necessarily mean they’re the best option for you.
• Search engines are fast. Google can get you an answer to your question in the blink of an eye. To use a phone book you have to remember where you put the phone book, dig it out, find the appropriate page in the book… we’re busy people, who has time for that?

For these reasons (and because I run an internet marketing company and I’m totally biased), I think it is wise that marketers and business owners are starting to invest more time and money in obtaining favorable search engine results.

So how do you get your company to the top of the search engine rankings? It helps to know a little bit about how search engines work.

This Article is Part of a 7-Part Series on Search Engine Optimization, Other Articles Include:

• How Search Engines Work (the simple explanation)
• Keyword Research (in under 250 words)
• Content Strategies (that actually work)
• Why All the Links?
• Social Signals and Search (getting the edge)
• The Conclusion of Our SEO Series