The Petroleum Alliance of Oklahoma

The Petroleum Alliance

Background: The Petroleum Alliance of Oklahoma, the new unified voice of Oklahoma oil and gas, is the product of the merging of OIPA (Oklahoma Independent Petroleum Association) and OKOGA (Oklahoma Oil & Gas Association).

Client needed: A permanent website that reflected newly formed partnership.

What we came up with: As their previous site was temporary, they needed a robust, customizable, and organized platform to implement the features they required.

We teamed up with Ghost Agency who designed an edgy and sleek new look. Then amshot developers took that design and created this responsive, interactive, and user-friendly website, connecting them with all the resources they need to run their business smoothly, efficiently and effectively.

The site features an ability to join the Alliance through the built-in payment gateway. The “Take Action” page connects users to resources for getting involved, and allows them to stay in touch with news, events and important information about The Alliance Health & Benefits Plan, Advocacy, and Partners programs.


visit website

thepetroleumalliance.com


<<  Back to the Web Development

Vinyard Fruit & Vegetable Co.

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.

OKC Midtown Rotary

Background: Midtown Rotary came to amshot with a ClubRunner website, a pre-built site designed for Rotary clubs and other organizations. The site offered little customization and organization options. Midtown Rotary had a pre-existing logo and brand colors, but was not able to utilize all brand colors on their site due to the limitations of ClubRunner.

Client needed: A website that reflected the young, fun, and modern culture of their organization and members with more customization and organizational options.

What we came up with: A member-focused site that utilizes Rotary’s bright colors and features plenty of images in an organized, user-friendly manner.

The inclusion of Rotary’s magenta and bright blue colors brings to light the young feel that the organization wanted to portray. The colors are utilized in alternating headers, diagonal page separators, and throughout the site.

While the ClubRunner site featured a few navigational sections, the organization didn’t have the flexibility to add new sections or include forms.The new site is more streamlined and features several new sections, including a Foundation, Community, and Spelling Beer page (Midtown Rotary’s annual fundraiser). Site visitors are now able to nominate service projects, apply to be a Spelling Beer Sponsor, and view past service projects in a blog-like format rather than a neverending feed, allowing visitors to easily sort through past projects.

The site is significantly more user-friendly and mobile-friendly, allowing the organization to display its modern tilt.

 


okcmidtownrotary.org


Click here to go back to the Web Development page.

Alchemy Events

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.

Roan Resources

Background: Roan Resources came to amshot as a new organization with a one-page site that was not very developed. They had a logo and brand colors — two “back-to-back” letter Rs in deep blue hues.

Client needed: A multi-page but simple website, with an extra-simplified mobile version and a few unique touches.

What we came up with: A full-width, simplistic design with various shades of deep blue, using a sans-serif font that resembles their logo font. The mobile and tablet versions of the site feature the header images as the only text to make them easier to read and navigate — a lightweight and faster version of the site.

The images featured on the site were digitally enhanced for brighter colors that better complement the brand colors and reflect the company’s vibrant culture. After requesting a drone video header for their “About” page, the clients were referred to a local drone videographer that was able to produce a customized video.

Site visitors have the ability to upload resumes in the “Careers” section of the site, and investors and suppliers can download necessary documents in the “Contact” section.

Contact information is available on the home page and the Contact page and is not displayed in the footer for easier readability and simplicity, per the client’s request. Because the footer, which typically holds contact information, was fairly blank, an inverted-color version of the client’s logo is displayed to fill out the section.



roanresources.com


Click here to go back to the Web Development page.

Skyline Bricktown

Background: Skyline Bricktown came to amshot as a new company without a website. Their logo is a red and grey rendering of the Skyline building with an all caps, sans-serif font.

Client needed: An image-heavy website that showed off their venue.

What we came up with: An image-focused, neutral colored site with pops of brightly colored images.

The website is “parallax,” so all necessary information is listed on the front page to briefly summarize the venue. The parallax design allows potential clients to easily determine if the venue is a good fit for their event and contact the venue if interested.

Because venue images are vital to the client’s business, we included a clean, grid-style gallery that visually highlights unique features and events held at the venue.


skylinebricktown.com


Click here to go back to the Web Development page.

Fly Film Festival

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.

Antioch Energy

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.

The Cage

Background: The Cage OKC came to amshot with a “static” website that was not very interactive. Their brand colors are black and white.

Client needed: A sporty-looking site that would allow them to 1) sell their sports gear, 2) post players’ stats after games, and 3) display and edit a schedule of upcoming events. The Cage OKC also needed a secondary brand color to add visual interest. As a sponsor-funded operation, providing significant real estate on the site for donors is important.

What we came up with: A primarily black and white site with pops of bright blue for contrast. The blue chosen is reminiscent one of the Oklahoma City Thunder’s accent colors and proves to be an “athletic-looking” combo when paired with black and white.

We purchased a sports-centric plugin that allows users to easily and attractively display stats, scoring leaders, team information, and schedules. We also purchased an e-commerce plugin that allows the users to sell sports gear in a professional setting. Large “presenting sponsors’” logos are featured in the footer.


thecageokc.com


Click here to go back to the Web Development page.

Gerald L. Gamble Co.

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.

The Shrader Firm

Featuring a large image slider, this theme is also simple and clean, easy to navigate yet very beautiful.

shraderfirm.com