Select Page

Genesis Tech Sales

Uncategorized

Genesis Tech Sales

Website Redesign | Graphic Design | Wire Frames | Responsive Design

Sirius Media and Avocational Design collaborated on the Genesis Tech Sales website redesign in 2017. The Genesis Tech Sales website was running as a basic HTML site and needed to be more responsive, easily navigable, and edited. The website needed to easily convey its product line, where they could order and have a contact form. The front end web was designed to be clean, easy to use and capitalize on the Genesis Tech Sales preexisting content. Lastly, the backend UI design was updated to be more navigable.

Genesis Tech Sales

Design Process

Take a look at some of the process.

Design Ideation

The business owner wanted a single page layout with anchor links for ease of use and making the product lines easier to update and view. He had pointed out a few websites that he liked the look and feel of, gave a deadline, and we were off. The construction of the site went quickly since it was a one page layout. We communicated with the client throughout the process for approval and buy-in of the design.

User Flow and Wire Frames

Key requirements for site creation were that it be responsive and have a smooth user experience for clients and potential clients to look at the business’s product line. We thus decided upon Divi, a wordpress theme, that has a simple and smart layout for setting up a single page website layout. Pictured are the website wire frames set up for the first draft of the single page layout.

Visual Design

Genesis Tech Sales provided us with a lot of freedom to create their website. In collaboration with the owners, we made two single page website visual designs. The first draft, pictured below on the left, was initially the site that was going to go up,but the owner wanted it to be a little more “techy”, thus we went with the second visual design draft that incorporates a lot more blue and black hues and plays with type size more. Both utilize anchor/jump links and a simple IA.

Visual Design

Genesis Tech Sales provided us with a lot of freedom to create their website. In collaboration with the owners, we made two single page website visual designs. The first draft, pictured below on the left, was initially the site that was going to go up,but the owner wanted it to be a little more “techy”, thus we went with the second visual design draft that incorporates a lot more blue and black hues and plays with type size more. Both utilize anchor/jump links and a simple IA.

The Hagenstein Lectures

Uncategorized

The Hagenstein Lectures

Website Programming | Website Design | Wireframes | Site Design

Sirius Media and Avocational Design collaborated on the Hagenstein Lectures website design. The World Forestry Center wanted to create a new lecture series aimed at foresters under 40 at the bequest of Bill Hagenstein, a local timber leader.

Go to Website

Say Hello

2 + 5 =

John Matthew PDX

Design Work, Recent Work, Responsive, Website Redesign

Matthew John PDX

Website Design | Graphic Design | Wire Frames | Responsive Design

Avocational Design completed a responsive website for Matthew Wagner, Matthew John PDX, in 2017. The Matthew John PDX website needed to be responsive, have a smooth navigation, have an easy to use contact form, and be easy to add blog posts. The website needed to reflect a feeling of tranquility and professionalism to reflect the energy coaching that Matthew conducts. Lastly, the site needed to allow for expansion of its functions ie event’s calendar, newsletters, and online payment.

Matthew John PDX

Design Process

Take a look at some of the process.

Wire Frames

The key requirements of this site are making sure to keep the content easily navigable while conveying a cohesive message of tranquility for the site’s users. After discussing what the business owner was looking for, looking into site work research he had completed previously, and doing individual research into this site type- it became apparent that the site needed a single page layout with anchor links. After determining some site constraints, the design of the sitemap had to focus on key parts of Matthew’s practice (About, Services, Contact, and Blog). The wire frames to the left are based on the site layout above.

Visual Design

The visual design for this site needed to convey a sense of tranquility and simplicity, so the site’s visual elements incorporate a monochromatic palette and large inspirational images with soft call to actions and quotes. Matthew provided the small simple round graphics and images of his himself and excursions to the Andes. As you can see the site is still in production and is following the below visual design layouts that have been approved by the client closely.

Visual Design

The visual design for this site needed to convey a sense of tranquility and simplicity, so the site’s visual elements incorporate a monochromatic palette and large inspirational images with soft call to actions and quotes. Matthew provided the small simple round graphics and images of his himself and excursions to the Andes. As you can see the site is still in production and is following the below visual design layouts that have been approved by the client closely.

Contact

14 + 11 =

CHIFOO 2018 Brochure & Graphics

Design Work, Non Profit, Portfolio

CHIFOO 2018

Print Design | Graphic Design | Website Graphics | Illustrator Images

Avocational Design created the brochure for CHIFOO’s 2018 Speaker Series, “Do the Right Thing: HCI in Ethics…Where Do We Start?”.

Avocational Design created the layout, accompanying images, color scheme and concept after the speaker series was compiled by CHIFOO’s Program Chair.

Avocational Design also completed the accompanying web content, images and social media copy for CHIFOO’s 2018 Speaker Series.

Check Out CHIFOO

Deliverables

Take a look.

Website and Print Graphics

SVG images were created for the 2018 speaker series based upon images sent in from each speaker and created with Adobe Illustrator. All coloring for the images was pulled from the CHIFOO brand identity elements. All images needed to work for both the series brochure and the website.

Contact

1 + 12 =

The World Forestry Center

Design Work, Responsive, Website Redesign

The World Forestry Center

Website Programming | Website Redesign

Sirius Media and Avocational Design collaborated the World Forestry Center website redesign. The World Forestry Center website was needing to be more responsive, easily navigable, and edited. It was also trying to showcase many of its gorgeous event venues, educational programs, and trails. It was a large endeavor but with determination and lots of teamwork the new World Forestry Center website was relaunched in 2015.

Go to Website

Say Hello

15 + 11 =