Background: Vinyard came to amshot with an older site that had some functionality issues. They had a pre-existing logo and brand colors.

Client needed: A modernized, updated site with more images and a better user interface.

What we came up with: A modernized, mobile-friendly and user-friendly site that places an emphasis on quality produce with the generous use of images.

The previous site was text-heavy and tedious to navigate. The lack of images directed the focus away from the company’s high-quality produce. The site has a clean, modern white base and each page features images of brightly-colored, appealing produce for increased visual appeal and brand association.

The old Products page had functionality and user experience issues. The downloadable PDF document listed available produce without images and users often experienced difficultly with the AJAX window functionality. The new site features individual pages for each product subtype and brightly-colored product images.

The site now features two interactive forms: a contact form (rather than the email link previously provided) and an employment inquiry form that allows interested parties to submit a resume and contact information. A food safety page was recommended and developed to provide additional emphasis on the company’s commitment to quality products.

vinyardinc.com

Click here to go back to the Web Development page.

Background: Alchemy Events came to amshot with a site that they did not feel captured the essence of the business. They had a pre-existing logo and brand colors.

Client needed: A website with a “designer” aesthetic — clean and elegant, exuding the same feel as the elaborate wedding and special events industry the company works in.

What we came up with: Although the previous website utilized a basic design, it was too simplistic to reflect the unique and glamorous nature of the events the company designed. Even the name, Alchemy Events, represents turning basic matter into gold.

The website was redesigned to be white and incorporate “shiny” gold accents, utilize the same artistic font as the logo, and include details with a polished look, since in the events industry, “it’s all in the details.”

The fullwidth banner image and several other elements on the home page were pared down to a mobile-friendly slideshow of event images and a static section showcasing Alchemy Events’ features in influential industry press.

The top-level navigation was narrowed down for simplicity, with the “Services” and “Press” categories now hosting the “Portfolio,” “Raves,” and “Blog” categories.
The navigation and other header text on the site uses the same font as the logo, and the navigation features a “shiny” gold hover effect.

The portfolio page was reduced to three simple categories, each of which is represented by a circular image. Each individual wedding is displayed with a sample photo in the same round filter, and the full portfolio for each wedding features a visually-pleasing perfect grid of images, which corrects for both horizontal and vertical images. Every vendor is listed with links to their websites on the wedding pages, which is offered as an extra service to potential clients but also boosts the site’s SEO thanks to the high number of external links.

The “Press” page was added with the ability to visually browse instances of Alchemy Events featured in the media as well as giving viewers the ability to click through and read the entire article.

alchemyeventsnola.com

Click here to go back to the Web Development page.

Background: Antioch Energy came to amshot as a new company without a website. Their logo includes various shades of brown and a sophisticated font.

Client needed: A website that 1) featured their drone footage of downtown OKC where they are located, 2) incorporated more colors than their logo as not to look monochromatic, 3) included a timeline of their organization’s history, and 4) included a “newsroom” page that looked similar to a newspaper.

What we came up with: Antioch Energy had a specific set of requests that made designing their website fun and challenging. Their home page header “image” is a fullscreen video featuring their drone footage. The header is transparent as not to take away from the footage, but transitions into a regular, opaque header as visitors scroll down the page.

The header images on each page are brightly colored with yellows, blues, and browns to tie into the logo while providing visual interest.

A large part of the site’s appeal is its interactivity and movement, including the home page drone footage. To maintain the tech-savvy feel on yet another page, the About page features an Antioch Energy timeline that slides in from each side as the visitor scrolls down the page.

The site also has a Newsroom page that features images of actual Antioch Energy newspaper articles, as well as a grid-style press release layout reminiscent of a newspaper.

antioch.energy

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.

A very simple, clean blog style layout with a classic black and white theme. This website is one of Amshot’s earliest web projects.

csgivens.com