Background: Jamaica Joe’s came to amshot with an older site that was not SEO compatible as it was largely image-based. They had a logo and brand colors.

Client needed: An SEO-compatible and mobile-friendly site that search engines could crawl.

What we came up with: A more traditional website with plenty of pictures and text elements discoverable by search engines. Jamaica Joe’s colorful logo and brand colors are toned down but still fun with the primarily grey, yellow, and white site. Brand-defining neon sign navigation buttons from the previous, image-based site were utilized as page headers, while a traditional navigation bar was implemented for search engine readability. The Home page now includes contact information and a map in the main body of the page, which is crucial for on-the-go consumers.

On the image-based older version of the site, mobile visitors would see a shrunken version of the desktop site, which was difficult to navigate. The new site is mobile-friendly and does not simply shrink, but rearranges elements for mobile usability.

The Grill and Billiards pages now display text menus, rather than images, that are searchable and able to be crawled by search engines, significantly increasing Jamaica Joe’s search engine visibility.

Images are still highly utilized in the gallery page, where a masonry gallery was used to give visitors an overall feel of Jamaica Joe’s atmosphere rather than viewing each image individually. On the website footer, Tournaments, and Leagues pages, employees are still able to use their process of uploading images of flyers to advertise upcoming events, but they are organized in a more readable way.

jamaicajoes.net

Click here to go back to the Web Development page.

Background: Open Door Baptist Church came to amshot with an older site that was somewhat outdated. They did not have a logo, but had previously chosen bright green and yellow as their brand colors to represent new life and sunshine.

Client needed: A logo, email addresses with the church’s web domain, and a modernized website where visitors could easily find church beliefs, service times, and contact information.

What we came up with: A logo that incorporated their brand colors, represented their organization’s name, and gave them a modern update. The logo mimics a door that is slightly open, but the clean, minimalistic shapes and sans serif font gives the brand a modern feel.

Email addresses were set up with the church’s web domain to add a level of professionalism and consistency to their organization. Their header image portrays an open door as well as their green and yellow brand colors, which are meant to represent new life and sunshine. The header image also displays their name-bearing Bible verse, and a script, handwritten-style font was chosen for the key words to add visual interest and reflect the appearance of old-timey Scripture. Immediately below the header image, Open Door’s tagline is displayed in the same script font.

The next section of the Home page gives the location of the church, some of their basic beliefs, and their foundational Bible verses. The home page also features an image of the church to help new visitors recognize the building, as well as their full contact information.

On all other pages of the website, service times, location, directions, and contact information can be found on the sidebar for easy access. The phone number can also be found on the preheader at the very top right of every page.

User experience was optimized on the “Know peace?” page, a FAQ section, by replacing a a long, difficult to read page with an accordion interface. Bullets on the About page were replaced with animated checkmarks for interactivity.

An audio sermon archive was included on the site as a resource for church members. In the future, amshot will work with Open Door Church to implement a live video feed page on their website to provide church members with additional resources.

opendoormwc.com

Click here to go back to the Web Development page.

Background: The FLY Film Festival came to amshot with an older site that was somewhat outdated. Their logo is brightly colored and whimsical.

Client needed: An updated, modern site with a nice scheduling module for relevant dates. As a sponsor-funded operation, providing significant real estate on the site for donors is important.

What we came up with: A greyscale site with pops of bright colors found in their logo. The color scheme ensured that the site was not overwhelmingly colorful, but still captured the festival’s vibrant personality.

The Home page features the festival’s most crucial pieces of information front and center: the festival dates and location. We also purchased a special plugin that easily allows site admins to post a clean, professional schedule of films. Large sponsor logos are featured at the bottom of the page.

flyfilmfestival.org

Click here to go back to the Web Development page.

Background: Events at 10 West Main came to amshot as a new company without a website. They had a logo that was somewhat outdated and in need of a redesign.

Client needed: An image-oriented, classy site that showed off their venue, a revamped logo, and updated brand colors.

What we came up with: A modernized, cleaner version of their logo in neutral grey, white, off-white, and beige tones that reflect the colors found in their venue decor. A green-blue accent color was selected, not only because it is classy and adds visual interest, but also to mirror the color of the venue’s roof and the greenery often used in their floral arrangements. These colors were then used throughout the site.

The clients requested that the home page feature full-width photos—however, these high-resolution images are slow to load. To remedy this, a loading screen was added to allow images to load faster and reassure visitors that the full site is on its way (and not stuck in a never-ending loading screen).

As with other event venue sites we have designed, we used a “paralax,” style so all necessary information is listed on the front page, summarizing the features and allowing potential clients to quickly scan through relevant details.

A checklist of offerings was included to provide a simple, zero-effort way of learning the venue’s offerings.

Because venue images are vital to the client’s business, an image gallery is featured on the Gallery page/bottom of the Home page.

eventsat10westmain.com

Click here to go back to the Web Development page.

Background: Gerald L. Gamble Co. came to amshot with an older website that was somewhat outdated. The site was not dynamic; it was not mobile-friendly and appeared as a small square on large screens. The client was also having trouble displaying their real estate properties. Gerald L. Gamble Co. had an established logo and colors—red-orange, black, and white with an underlined, serif font.

Client needed: As a real estate company, Gerald L. Gamble Co. needed an updated, dynamic/mobile-optimized site, prominently featuring their accreditations, with a friendly interface for displaying their properties.

What we came up with: A simple design playing off the line in their logo with serif header fonts to match the logo fonts. Accreditations are prominently featured on every page in the header, and visitors can easily find listed properties through the “Properties” button on the header or “Properties for Sale & Lease: Show Me!” button on the front page.

Gerald L. Gamble Co. uses third party vendor LoopNet to list properties. On their old site, visitors were redirected to LoopNet’s website to view Gerald L. Gamble properties rather than being able to view them directly on the Gerald L. Gamble Co. website. We worked directly with LoopNet while they were in the process of developing this functionality and were able to set up an API (application program interface) that allowed visitors to stay on the Gerald L. Gamble Co. website when browsing properties, a crucial component of their business.

Like most modern sites, the new site is mobile-optimized and dynamically fits to any size screen.

geraldgambleco.com

Click here to go back to the Web Development page.