Wednesday, May 4, 2016

Re-post of FINAL PRESENTATION with Rubric Clarification


Currently found at



How My Website Design Uses the

Gestalt Principles of;

SIMILARITY / CONTINUATION / CLOSURE / PROXIMITY / FIGURE & GROUND

SIMILARITY:
The logo was designed with this principle in mind.  The 'M' was combined with a symbol to make it look like a 'crown' and 'gold' contrasting and complimentary colors were used, all to create a feeling of elegant custom homes build by 'king builder' ... the 'Premier Home Builders in Utah".

CONTINUATION:
The comments from people on our FB campaign page were used with this principle in mind. As potential clients open the home page, the comments fly in across the page to the right bottom corner.  Helping the eye follow across the page and to that important axiom of bottom right hand corner. The plan is to add different comments from homebuilders hear along with rotating the Majestic Homes Logo with the owners contact information.  The idea behind this is so the website viewers can see positive comments from clients of Majestic, then quickly get their phone numbers and call for a bid on their own custom build job.

FIGURE & GROUND:
On my website above, I made the 'distinct elements of focus' the pictures of the homes, since I wanted them to stand out and be noticed.  The background are the tabs on top and the website navigational tools.  My desire was to make the  photographs so appealing to the viewers that they would look for the phone numbers of the builders on the 'About' tab on top.


Axioms of Web Design 

Business-Communication Objectives/Strong Grid/The Lower Right/Continuity/Intuitiveness/Aesthetically Pleasing/Converts to Aspect Ratios 


BUSINESS OBJECTIVE:
Keeping the owners business objective in mind was a most important axiom of this web design.  The owners objectives to update and simplify

STRONG GRID: 
I intentionally chose a strong grid with a quiet structure by de-emphasizing the structural elements in the blog.  I chose strong, clean lines wth contrasting color from the white background of the blog.  I feel that the quiet structure help create a clean grid feeling and also give off a horizontal line along the bottom that felt in balance with the rule of thirds, especially on the bottom contrasting section of the blog. I intentionally kept the design simple and clean to give off a feel of good clean construction and order.

CONTINUITY
I kept a feeling of continuity by keeping the tabs the same throughout the website, in color and typestyle as well as size and visual feel and structure.

INTUITIVENESS:
The navigation is intuitive and easily recognizable for people new to the site or new to surfing the web. I keep the tabs consistent in color, shape, size and position throughout the site and contrasted them with the white background with a navy blue, creating what I feel is a very aesthetically pleasing look.

AESTHETICALLY PLEASING:
Because aesthetically pleasing websites are mush easier to look at, I used the rule that imagery itself is usually more appealing and I chose the most beautiful images I could find. Next I contrasted it with text of the positive comments I am gathering from happy home owners.

CONVERTS TO ASPECT RATIOS:
I made sure that the site converts for 3-4 split screen for mobile devices. It comes up clean and balanced with good, quiet structure and is also aesthetically pleasing when the aspect ratios changes.

Style Guide for Website & Logo;



TypeStyles FONTS USED:


COLORS USED: 

Tuesday, May 3, 2016

NEW Majestic Homes Website!


Currently found at



How My Website Design Uses the

Gestalt Principles of;

SIMILARITY / CONTINUATION / CLOSURE / PROXIMITY / FIGURE & GROUND

SIMILARITY:
The logo was designed with this principle in mind.  The 'M' was combined with a symbol to make it look like a 'crown' and 'gold' contrasting and complimentary colors were used, all to create a feeling of elegant custom homes build by 'king builder' ... the 'Premier Home Builders in Utah".

CONTINUATION:
The comments from people on our FB campaign page were used with this principle in mind. As potential clients open the home page, the comments fly in across the page to the right bottom corner.  Helping the eye follow across the page and to that important axiom of bottom right hand corner. The plan is to add different comments from homebuilders hear along with rotating the Majestic Homes Logo with the owners contact information.  The idea behind this is so the website viewers can see positive comments from clients of Majestic, then quickly get their phone numbers and call for a bid on their own custom build job.

FIGURE & GROUND:
On my website above, I made the 'distinct elements of focus' the pictures of the homes, since I wanted them to stand out and be noticed.  The background are the tabs on top and the website navigational tools.  My desire was to make the  photographs so appealing to the viewers that they would look for the phone numbers of the builders on the 'About' tab on top.


Axioms of Web Design 

Business-Communication Objectives/Strong Grid/The Lower Right/Continuity/Intuitiveness/Aesthetically Pleasing/Converts to Aspect Ratios 


BUSINESS OBJECTIVE:
Keeping the owners business objective in mind was a most important axiom of this web design.  The owners objectives to update and simplify

STRONG GRID: 
I intentionally chose a strong grid with a quiet structure by de-emphasizing the structural elements in the blog.  I chose strong, clean lines wth contrasting color from the white background of the blog.  I feel that the quiet structure help create a clean grid feeling and also give off a horizontal line along the bottom that felt in balance with the rule of thirds, especially on the bottom contrasting section of the blog. I intentionally kept the design simple and clean to give off a feel of good clean construction and order.

CONTINUITY
I kept a feeling of continuity by keeping the tabs the same throughout the website, in color and typestyle as well as size and visual feel and structure.

INTUITIVENESS:
The navigation is intuitive and easily recognizable for people new to the site or new to surfing the web. I keep the tabs consistent in color, shape, size and position throughout the site and contrasted them with the white background with a navy blue, creating what I feel is a very aesthetically pleasing look.

AESTHETICALLY PLEASING:
Because aesthetically pleasing websites are mush easier to look at, I used the rule that imagery itself is usually more appealing and I chose the most beautiful images I could find. Next I contrasted it with text of the positive comments I am gathering from happy home owners.

CONVERTS TO ASPECT RATIOS:
I made sure that the site converts for 3-4 split screen for mobile devices. It comes up clean and balanced with good, quiet structure and is also aesthetically pleasing when the aspect ratios changes.

Style Guide for Website & Logo;



TypeStyles FONTS USED:


COLORS USED: 

Monday, April 25, 2016

Collaboration on Design: NEW Majestic Homes Website

After a successful Facebook Campaign, collaboration with the owners of Majestic Homes, Inc. on the development of a NEW website, advertisement campaign, and possible logo update began.  The owner is very excited to work with me to develop a new website for their custom home building company that has been in business since 1986.

Problems I am rectifying for Majestic Homes:

1 - Former Real Estate Agent owned Majestic's Domain (majestichomesutah.com)
2 - Old Website hadn't been updated since 2012
3 - Website only had SOLD homes listed on the site
 
4 - Real Estate Companies number was the only contact number listed on website (no business was coming to Majestic from their own website)                        
5 - Website and Logo Needed Update

Artifacts of Progress Achieved Thus Far:
Currently Collaborating With Design/Logo Professional to Design Signs for New & Upcoming Projects for Majestic Home and New Logo Ideas (I have paid a company to check my work and give me more suggestions) since my designs will most definitely be used for the NEW Majestic look.  I also was trying to follow my visual design instructor (Eric Young) instructions to 'collaborate with others' on this project (especially since I had to do this group project by myself because I was in CA playing baseball for Dixie State Universities baseball team when the groups were picked in class.)  I wanted to  complete the assignment to the best of my abilities while following Mr. Young's outline/instructions for this assignment.

Sign Design For a Development Project Upcoming w/Majestic
(This sign when approved will be on the property site 4' x 8') We redesigned this entire map - the old property map had less visually appealing color tones and typestyle.  I like the use of black as the background color with the contrasting gold - it pops out and gets attention, while giving a feeling of elegance.  Each of the designs I displayed I have attempted to keep within the rule of thirds. The gold logo above Majestic was made using the Gestalt principle of similarity; intentionally combining the 'M' in Majestic with a symbol to give the similarity to a 'crown', symbolizing Majestic as the top 'king' custom home builder using the Gestalt principle of similarity.

Advertisement/Marketing sign for Majestic on Redwood Rd (13200 So. 1700 W):
This sign was digitally created by taking a picture of an 'actual sign' of Majestic Homes advertising their business on Redwood Rd.  The 'new image' that you see is digitally imposed on top of  the 'old signage'.  This was done to give the owners a feel for how the new logo would look in place of the old. 

New  LOGO* Ideas:
 This image with the home on bottom is intentionally set with the rule of thirds in mind along with the 'simplicity' principle to create ease in understand and make it more visually appealing.* The color tones and lighting on the home are intentionally chosen to create a feeling of warmth and elegance to go along with Majestic Homes' style of 'custom built' homes.
Homes by Majestic are crafted with excellence and 2 homes are never identical - they are uniquely built for each home owner.  This 'Majestic Crafted' logo was chosen with that in mind.
This is the 'old logo' 

Domain Change Successful as of 4-25-16
  • Steps I Took to Make this Happen Were;
    • Contacted and collaborated with Majestic Homes Owner
    • Was given Real Estate Agents contact information
    • Contacted and Collaborated with Agent to get information for successful domain transfer
    • Got EPP number needed to make a successful transfer through BlueHost (March 28)
    • BlueHost Domain Transfer Steps Below that I accomplished (April 25)
 Click 'Transfer Domain'

Next I Selected Domain to Transfer, Entered EPP# & Completed Domain Transfer


Locked Domain to Prevent Unwanted Transfer Update Contact Information
I am Working CURRENTLY with Jordan at BlueHost (based out of Orem, UT) to Transfer ALL  Old Information from former Domain to Archive

PROGRESS ONGOING/TO BE COMPLETED NEXT:

  • Completion of Data Transfer cost $150-$200 
  • Projected Time to completion of Transfer 7-10 days
  • Old Website down during transfer (Landing Page UP)

PROJECTED TIME of COMPLETION of Website Upcoming Soon
While I am finishing work on the Website I have installed this landing page
Other Communication Artifacts I created are;
Business Cards
Advertisement Post Card 
(for a Home Currently For Sale In Bluffdale Utah)

   I chose an 'oversized' 8.52 x 5.47 postcard to be sent out to advertise the Majestic Home for sale.  The pictures and coloring I chose to add, including the logo's I selected to use were chosen to reflect the color palate and theme for the NEW Majestic style plan and look.
Below are the Typestyles that I chose to use for the business cards along with a screenshot I took as I was developing the landing page for the website I am designing for Majestic. 




(I used WordPress to make the landing page)





Here are some of the Typestyles and paper for the postcard I could choose from to change it up a bit each time we mail it out. 


GO TO: 

MajesticHomesUtah.com 

to watch the progress of the 

NEW Website of Majestic Homes, Inc









Sunday, April 24, 2016

Axioms of Web Design

GET HUSHIN


      Hushing stands hunting and fishing, which happens to be two huge passions of mine. I became aware of the Idaho based brand through Youtube and Instagram. From there I discovered their website which struck me right from the start as current and unique. Instead of taking you right to their website it pulls up a load bar that seamlessly loads from 0-100%, giving a sense of excitement and anticipation of whats to come. 
       The page opens up and right away your presented to their well designed 'HUSH' hunt fish logo along with a photo of a huge elk that had been successfully downed by a Hush team member. So right away this brands seems creditable and desirable to hunters.




      Two images slide back and forth that reaffirm what their brand stands and further develops the ties between hunting and fishing and their brand name 'HUSH'.



     As I scrolled down a tool bar became visible where I could click on Home, Shop, Hushin, About, Contact, or Cart. Also a #HushLife movie link was shown, which take you into further detail of what the brands represents and is all about.




     This is a 90 minute film showcasing the #HUSHLIFE and their journey to New Mexico in search of Antelope and Elk and it aired on February 10th, 2016. 



    They have some facts that shed light on the popularity of their expanding business/brand. Further down it sheds light on "The Fellas"- founding members.



       Heres a view of some of their apparel available for purchase. As a consumer who hunts and fishes one wants to be associated with those who have shot the big elk or caught the big fish and that's exactly what their brand is offering.



 
      At the very bottom of the webpage there is a place custormers or fans can send their contact info and right them a message.