How To Begin A Web Development Project

So you have a great idea for a website? Or it’s finally time to move your business into the 21st century and get a business website. Well, here are some pointers to getting off to the right start.

First of all, have a plan. Not having a plan is planning to fail. One of the best ways to plan your new website is with a white paper. A white paper is basically a website business plan displayed in an info-graphic. This can be very helpful for getting a overview of what each part of the website will do and how each page will interact with other pages.

White papers start by addressing the basic structure of your website. This is usually 4 to 8 pages that will make up the “back-bones” of the site. Some examples of these pages are “Products”, “Services”, “Contact”, “Home”, etc.

Once you have established the core modules for the site, it is time to fill in any extraneous pages that will be apart of the main core pages. Examples of these pages are “Pricing”, “Sizes”, “Colors”, “Sales”, etc.

Now create a diagram with the main pages as boxes with the links that will be connecting the pages drawn in as lines. After the main pages are created, add the secondary pages inside the main pages. It should give you an organized diagram of the site when finished.

With this simple diagram, you can now delve deeper into site style, content and functionality. Make several copies of the diagram you created above and label each one as “Style”, “Content”, and “Functionality.” Now fill in the details on each one of these pages with the appropriate details of how you want to stylize the page, what content will be on the page, and how the user will interact with that content, described on the functionality chart.

After you have finished with this process, it is time to put sales funnels into your design process. This is a key step that many site creators miss. Sales funnels are ways that your customer will be guided from a need or want to a satisfactory result on your website.

Start by thinking about the ways a prospect might find their way to your website. Now take that information and meld it with how that same prospect would be guided to a purchase on your website. The two of these concepts combined becomes a sales funnel to that particular product or service.

Try to create as many different sales funnels to your products or services as you can without diluting the process too much.

Once there is a plan like a white paper in place, it is easier to begin the development process. Using the created white papers, a developer should have a relatively easy time transferring your ideas from paper to the web.

Make sure to have all of the images and content that will go on each page segmented into their own folders. When transferring files to the developer, make sure to label each delivery as the page it goes with and only include information that goes on that page. This will simplify and organize the process for your developer, and limit your frustration with editing the site down the road.

 

How To Make Images Fit Your Website

Images are a key component of any successful website. With proper imagery, a website helps to convey a message to the user, whether that is how great a product is, or what the organization’s building looks like, these images are crucial.

Many web admins realize the importance of good imagery to their website, but maybe do not realize how to go about making an image fit properly to their site.

Many sites offer a easy up-load option for images that allows drag-and-drop interface between where the image is located and hosting the image on the site.
These image up-loaders often fail to re-size the image to a proper size for the particular situation.

It is helpful to understand the basic concepts of web dimensions.

Basically, all web pages are approximately 1000-1200 pixels wide and 1000’s of pixels tall. With most images that are meant to actually show detail, coming in around 200-400 pixels wide by 200-400 pixels high. Each image will have it’s own specific image dimensions that it will look the best set at.

To find these dimensions, open the photo in a photo editor. If you have Photoshop installed, open the image in the program and check out the size specs. If you don’t have Photoshop, a good alternative is Paint.net and it is free.

Changing Image Size

With the photo open in the photo editor, click on Image on the top menu, then choose Change Size from the drop down list. On this pop-up screen, are the current pixel dimensions of the image. This can be helpful for deciding if an image will fit in a particular location properly.

Additionally from this pop-up screen, you can adjust the size of the image by specific pixels, or by using the percentage change meter. Using the percentage change meter will yield a more accurate image then trying to change the image by pixel size alone.

Finding Image Space Allocation

In order to have the image fit the website, the space allocated for the image must be discovered. To do this, there are a couple of options. First, look to see if there is an image currently occupying the space. If so, copy this image to your computer and open it in your photo editor. Discover the size of the image and make the replacement image the exact same size.

If there is not an image in the current space, another option may work. Open the snipping tool on your machine by going to the Start Menu and clicking in the search box at the bottom of the menu.

In the search box type “snipping tool” (only works in Windows) a red pair of scissors with Snipping Tool will appear as an option, click on that. It is important to note that before launching Snipping Tool, to be on the page that you wish to capture the image size of.

So now with the tool open, stretch and drag the cursor to encompass the entire area of where you want to place the new image. Let go of the mouse clicker and a context menu will appear. Choose save from the menu, and save it to your desktop.

Drag the image from the desktop into your photo editor and change the size of the image in order to discover it’s exact dimensions. Now take those dimensions and make the new image that exact size. After that, the image is ready to be uploaded to the spot indicated by the sizing.

If you are having a hard time updating your website, please do not hesitate to contact Authentic Imaging, LLC. at 406-322-3569.

 

Xfasteners.com

Xfasteners.com is the new generation of online construction and specialty screw retail store, built to offer a better user experience when purchasing fasteners and screws online.  

Project Request

Xfasteners.com wanted a website that can offer an exceptional user experience on buying construction screw online. Their key targeted consumer ranges from the individual self-fixer to construction companies looking for high quality fasteners and screw online.
Our Solutions

Authenticimaging.com developed the site with an enterprise ecommerce CRM platform (Magento) to give them all the tools needed to manage, tack and offer an exceptional customer service.

  • The sales module allows them to manage the entire ordering process, from invoices, taxes and shipping look-up.
  • The catalog allows full customization of each, product description, product quantity, product images and product review.
  • Secured Payment Gateway setup for online payment
  • Search allows keywords tag for custom search word for individual users.

Results

Xfasterners.com was lunched less than two month ago and it’s already pulling a higher conversion rate than their old counter-parts online, simply due to the how easily accessible products are setup on the site.

  • Xfasteners.com is very happy with what we did with the site and the experience their new clients express has help customer retention.
  • Xfasteners.com is using authenticimaging.com to strategize all its marketing objectives

Technologies

The site was built with Magento Enterprise CRM

How To Use Hyper Text Markup Language HTML

The web is built upon hyper-text markup language, better known as HTML.

What HTML does is tell the web browser how to display the contents of the page. If a website was a house, HTML would be the frame. Although many websites have WYSIWYG (What You See is What You Get) editors available that allow updates to be made without touching the code, it will still be necessary under some circumstances to edit HTML.

For example, often times it is not possible to get text and images to lay out properly with the WYSIWYG editor. With basic HTML knowledge, a website owner can make web pages more attractive by have control of the source code. Assembled below is a quick guide to some frequently used HTML codes. Feel free to use this list, link to it from your website, or come back as frequently as need to finish your project.

HTML Code Cheat Sheet

( Note: many of these tags are depreciated, meaning they are not currently considered a standard by W3.  )

Bold text – <b>this text is bold</b>

Italic text – <i>this text is italic</i>

Underline text – <u>this text is under-lined</u>

Strike Through Text – <s>this text has strike through</s>

Line break – <br />

Add a space – &nbsp;

Adding hyper-links – <a href=”/put link destination here with full URL including https://”>Text of Link Here</a>

Adding Lists

 

Un-ordered list – <ul><li>One list item</li><li>Second list item</li><li>Third list item</li></ul>

Ordered list – <ol><li>One list item</li><li>Second list item</li><li>Third list item</li></ol>

Copyright – &copy;

Trademark – &trade;

Registered – &reg;

Line across – <hr />

Adding Tables

 

Table – <table>

Table header – <theader>

Table row – <tr>

Table data – <td>

Putting it all together to make a table:

<table>

<tr>

<td>One item in row 1</td>

<td>Second item in row1</td>

</tr>

<tr>

<td>One item in row 2</td>

<td>Second item in row 2</td>

</tr>

</table>

If you would like assistance with HTML or other code on your website, please contact the friendly professionals at Authentic Imaging, LLC. at 406.322.3569

How to use Pinterest

Pinterest is an online board of interesting links. Many, many people are enjoying searching Pinterest and are finding ideas for weddings, parties and anniversaries that they could never find so easily anywhere else. The great thing about Pinterest is that the quality of the pins are so good. Pinterest has a screening process for pins to ensure that each post is accurate and of proper quality for the site. This make the users experience extremely pleasant, without running into the issues usually present across the web.

To get started on Pinterest, click here, and fill out a new account. After establishing your account, you’ll want to choose some boards to follow. These boards will determine the pins that come through your new feed. Try to pick categories that are of interest to you, things like biking, gardening, cooking, travel, etc.