web design / print / multimedia
web development / ecommerce
brand identity / seo / copywriting
california web design california web design california web design
los angeles web design
WEBSITE DESIGN AND DEVELOPMENT: california web design web design newport beach
 
TL Fab Website
www.tlfab.com
 
LISTEN:

TL Fab is a steel fabrication company that specializes in multi-unit and commercial steel fabrication. Their talented team is experienced in a range of metal fabrications and developing innovative solutions to design challenges. 

Services sought from Urban Geko include design solutions from start to finish, including design and estimating services, project management, handling and installation.

PLAN:

Urban Geko, an Orange County web design company, was challenged with re-designing the TL Fab website to reflect the significant shift from primarily residential clients a different target audience of commercial clients. 

Their first website was bland and dated and did not represent TL Fab – who they are or where they are planning to go. The website itself was uneditable as the functionality and images were terribly outdated.  Muted colors did not stand out to get the kind of impression TL Fab needs. TL Fab came to Urban Geko, to turn their Internet marketing around.

Because of the shift in focus from residential to commercial, as well as the website’s outdated functionality, the new design had to bring in their new target customer.  The new target audience sought commercial and multi-use clients who needed comprehensive steel fabrications for apartment buildings, office buildings, corporation, theme parks and schools.

DESIGN:

Urban Geko provided a strong, new look to the site. The professional and uncomplicated design by the firm is easily navigated, and offers a clean and vibrant look. The opening page now engages the user and leads to product and project galleries, as well as sections “who we are” and others.

Selective use of white space and complimentary colors improve the ease of use for this customer.

The color blue was used in the new branding to showcase strength and trustworthiness, two qualities that represent TL Fab.  The bold, heavy, sophisticated color highlights the stability in TL Fab’s commercial and drawing focus to the most essential elements: the commercial aspects. 

The customer asked Urban Geko to ensure that the new design featured highlighted products and projects which could be added easily with new galleries. This was delivered easily through implementing a content management system.

OUTCOME:

The customer felt the design from the Los Angeles design firm was a home run, right out of the ballpark for their new focus.

With the use of colors, layout, and easy-to-use navigation, the fresh new look shows who TL FAB is to their target customers.

TL FAB knows that the fresh, up-to-date website puts them a step ahead of their competition.  The addition of the gallery allows TL Fab to highlight their work, excel, and use as a marketing tool for potential clients.


Peg Berens Interior Design Website
www.berensinteriors.com

LISTEN:

Peg Berens is an award-winning, certified interior designer who uses usual materials in unexpected ways and rare materials in predictable ways. 

For example, she used tree branches as a closet door, offering observers  “WOW” factor.

PLAN:

Urban Geko set out to create a site that demonstrated how the Peg Berens brand is Peg Berens herself- loving, hard-working, personable and passionate about her work.

The client felt her current web-site was antiquated and dark, expected and routine, and utterly not representing whom she is as a designer.

Berens’ target market is homeowners who want their domicile to represent their personality.

DESIGN:

Urban Geko, a firm focusing on web design California, re-branded Peg Berens, starting with her logo, her business stationary, presentation book, and ultimately the website.  Urban Geko’s design provided a clean and innovative new look that grabbed the user’s attention and directly engaged the user about the unusual and creative Berens as a designer.

With the custom grid style layout, the site has a light and airy ambiance.  Rather than bogged down in a traditional milieu, users feel refreshed and excited about checking out other sections of the site, including the project gallery and blog.  For the client’s convenience, a highly practical content management system was set up.

The new site is easy to use and incorporates a gallery to showcase her work.  The website is a selling tool not only for Berens’ work but for Berens herself, as much her own personality is reflected in her unusual work.

Peg wanted users to look at her design, understand that she uses ordinary materials in transformative ways, and have an “Ah Ha” moment, “That’s a Peg Berens look!” 

A bright turquoise color, toned down with the use of appropriate white space, draws the user in to the unusual layout immediately. The fine attention to the customer’s needs is a hallmark of Urban Geko.

OUTCOME:

Peg says the new website fits her own design style—fun yet professional.  The website is engaging and informational. 

The new style totally allows her to showcase her work with the new gallery.


WJB Group Website
www.wjbgroup.com

LISTEN:

WJB Group is the parent company of several other smaller companies, and focuses on machine tool and precision bearings for the automotive, truck, after market, renewable energy and industrial markets.

PLAN:

WJB Group approached orange county web development company Urban Geko in need of a website for their WJB Group parent company. At that point there was no website for the WJB parent company, only the WJB Bearings and WJB Automotive.  They wanted a site that kept their existing company branding consistent as a whole, while still distinguishing them apart as a parent company.

They sought a website that was modern and less industrial than their current sites, with users able to easily navigate and know who they are.

Their target audience included companies with a use for a large volume of bearings, such as car and truck companies, industrial tractors, renewable energy like wind farms, and heavy duty semi-trucks

DESIGN:

WJB Group wanted to keep consistent with the sub companies branding, however give it a more modern look and feel.

Urban Geko provided a clean professional layout, one that is easy for users to follow while hitting their specific target audience. A new interactive homepage banner along with a news section was designed, consistent with the re-branding throughout all pages.
 
WJB Group has an expanding assortment of automotive products; all content is logically organized for easy and effective navigation. A drop-down menu style was selected to display all products and respective product categories.

OUTCOME:

WJB group was delighted with the finished product which incorporated colors of their existing brands, but with a more professional look.

Easy navigation and use of images throughout the website help users visualize WJB’s products and services.

The large interactive homepage banner highlighted the four main industries served.

 


Tangut USA Website
www.tangutusa.com.com

LISTEN:

Tangut develops innovative health supplements for those looking to enjoy a healthier lifestyle.  Tangut incorporates the strongest natural ingredients with the latest science to support the purest organic source in the world. 

PLAN:

Tangut came to Urban Geko to design and implement a website for their US division.  With a successful brand already in place in Hong Kong, the company wanted to target to customers within the US. They felt there was no better time than now for US expansion, and desired an e-commerce website that featured easy navigation and focused on the US health-conscious consumer.

Tangut wanted to retain some elements in the Asian brand, but characterize the US as a distinct marketplace.

DESIGN:

Urban Geko, kept Tangut’s brands consistent between the Asian and American markets, yet made the US website just enough different that it was remarkable and distinguished for American taste.

A simple page layout style paired with blue, orange and earth tones gives eco-friendly and contemporary feel to the web design. A JavaScript animation showcasing their best selling products rotates through the home page. Minimal text accompanied by the focus on the gallery of images enhances the overall look of the website. YouTube videos are embedded and a viable content management system added.

The final e-commerce site features greater product detail and an easy-to-use check out process, all developed by Urban Geko, the website design orange county firm.

OUTCOME:

Tangut loved the website which exceeded their expectations. The brand consistency, focus on the US market, easy guidance for users and seamless checkout, as well as the inviting colors, all showcase a great deal of information displayed in a clean manner.

 


Ambe Website
www.ambe.net

LISTEN:

Ambe is a high-end skin care line that helps reduce the appearance of aging. Ambe sought an impressive home page for their website that drew in users via images.  This website targets women who truly want to slow down and reduce the signs of aging without plastic surgery.

PLAN:

Ambe wanted an easy-to-use e-commerce site that showcased their sophisticated skin care products as well as differentiate it from the plethora of standard products in the US marketplace. One of the things that attracted Ambe to Urban Geko was its experience as an orange county web design firm.

Ambe reports that although their products do not require a prescription, they are designed using effective formulations that work just as well as a prescription product. 

Ambe wanted their old website overhauled in style, color, look and feel to engage new users with dazzling and stylish graphics, reflected the upscale brand quality.

DESIGN:

Urban Geko, provided a stylish homepage that showcases the range of products and highlights testimonials from celebrities and typical customers.  The site also features an in-depth press room and looks as polished as any top magazine site.

With its e-commerce focus, the site features easy-to-use navigation, embedded YouTube videos, a blog, and e-commerce. Urban Geko developed a “quick view option” within the extensive product detailing.

The product page also allowed users to Stop by Category, depending on their specific needs and interests.  A media page offers celebrity endorsements, which always drive any product.

The Ambe website also features a seamless, customer-friendly check-out system and social media share buttons for those users who want to “tell the world.”  The client enjoys an easy-to-use content management system, with easy image positioning.  This makes updating content and images a breeze.

OUTCOME:

Ambe loved Urban Geko’s work because it clearly focused on their excellent, upscale products in an informational way. Colors and layout clearly demonstrate the quality, while “quick view” allows snapshots on the product detail. 

 


Memories of a Soldier Website
 

LISTEN:

Memories of a Soldier were conceived by an entrepreneur and humanitarian who believe that no man, woman or child’s life should be forgotten. The purpose of this social networking website dedicated to military personnel is to share stories, participate in site forums and discussions, and create memories and tributes. The site focuses on family members, friends and heroes who are currently serving, veterans, or fallen soldiers who have dutifully served the nation.

PLAN:

Orange County web design company Urban Geko created an online community resource for all the families, friends and members of the armed services. A content management system was created for the administrators to update images and content in real time.

DESIGN:

The California web design was inspired by the colors of the United States flag. Created as an inspiration and tribute,   the reds, whites, and blues are vibrant in conjunction with military images. A clean and basic three-column page layout is used for ease of reference and navigation. Scrolling rotating images on the home page add interest and interactivity.

Our Orange County web design team added a search feature on the home page allowing users to immediately access a fellow member or memory of a serviceman or woman. The results of the search entitle users to a thumbnail sized image with basic information.  After signing on as a member, they may receive more information. This gateway increases participation, routing all users through a membership portal, thus increasing the website’s popularity.

On a member landing page, users are given full range to edit personal information, upload or change photos, add friends, and maintain or add memories. An e-mail feature is included, allowing direct member contact within the website. An e-mail notification is then sent to the users outside personal email account each time a message is received.

On the landing page for a soldier, a detailed description of the member’s military information as well as personal information is shown. A JavaScript feature showcases an image gallery of the member or deceased member rotating in the light box. All members can post comments about the deceased; however the author has editorial say and may delete any rude or derogatory comments.

A forum-based communication model was chosen by the Orange County website design team over a blog-style interface in order to maintain a community feeling. Members can post comments using the forum categories.

A small shopping cart linked to PayPal is integrated to give users the opportunity to donate to the community and support the website.

The website development was completed in four months; however, an additional four weeks was needed to transfer all the files and databases to the client’s server. Once the transfer was completed, various code was adjusted according to the new server specifications. Typically with large websites, the database has to be reconfigured with new connections if moved to another server. A testing phase was implemented for two weeks to find any bugs or errors within the site. A beta version was launched for further testing by a handful of Orange County website design staff using various browsers on different platforms. This process lasted several weeks and the support continued until public launch.

PRODUCTION:

Due to the site’s size and complexity, detailed strategic planning and creative solutions prior to programming enabled a strong, stable community web design. We worked closely with our client, reviewing specific requests and meticulously combing through details. The project was tracked closely, ensuring both the design and functionality of the site were implemented correctly. At Urban Geko, designing and implementing a website means following the Scout motto of “being prepared” even before one pixel is created.


GK Scott Website
 

LISTEN:

GK Scott is an online retailer of pre-owned luxury Rolex watches that caters to an elite group who appreciate this prestigious brand.

PLAN:

To create a web shopping presence that delivers a purchasing experience like no other online watch retailer, showcasing all timepieces in a polished and refined setting while ensuring the shopping cart portion is user friendly.

DESIGN:

A smart and distinguished design is created by the Orange County graphic design team around Rolex watch beauty contrasted against an elegantly soft black background.  Large photographic images are used as design elements highlighting an artistic display of the watches in distinctive settings on the home page. Shades of grey tones paired with the complimentary orange color of the logo are used throughout the website, offsetting starkness and adding dimension to the overall look. Sub-pages are designed with simplification and structured for quick reference, easy readability, and overall ease of navigation. With the abundance of material included on the website, information is organized and contained within rectangular graphic elements and a two-column page layout.

A content management system, on the back end of the e-commerce web site development, permits updating the product content and images in real time. Simple navigation enables ease of use and a better web shopping experience.

The product detail pages are created by the Orange County website design team with a Flash animation component featuring image zoom, three different angle views, and a pop-up window for viewing additional papers, the certificate and box. The zoom feature utilizes two sized images in layers. The ‘zoom window’ makes the larger image have the zoomed in effect.

Within the ‘Customization Center’ section, the special configuration detail allows users to design their own desired watch based on choice of components. These pages were developed by the Orange County web design team using Flash animation and JavaScript with layers. Each watch starts with a basic foundation. Users then may upgrade various items on the watch, which in this example include dials, bezels and bands. When the added components are selected, the watch image updates with the new features. Each piece selected or deselected automatically updates the content information box on the selection’s right side, and using JavaScript, includes the current cost of the watch. Users can also save the configuration for viewing at a later date when ready to buy.

A fully customized web shopping cart was developed using ASP language. This allows for greater flexibility during the transaction process. Users must enter personal information before check out, retaining customer information in the case of an abandoned shopping carts or if customers pay via PayPal, which directs them away from the website. Once the shipping method is determined via the shipping gateway, the website obtains the authorization from the payment gateway. A confirmation email is sent to the customer, as well as the company owner by our graphic design company California.

PRODUCTION:

Because web development is complex and contains an abundance of components, strategic planning and creative solutions are necessary to fully accommodate the client’s needs and maintain functionality of the website. Our Orange County web design team met frequently with the client to discuss specific tasks, meticulously detail the workload,  track the project closely,  coordinate the production of materials, supervise the design/programming team, delegate tasks, and evaluate proposals to keep within budget.

Keeping the design cost down was also a huge concern, because complex projects often incur details that slip through cracks and greatly raise costs. To avoid this, we keep a close eye on the details of the job, and ensure the most cost-effective methods are used.

The website design and development took five months to complete on the test server; however, an additional four weeks was needed to transfer all files and databases over to the client’s server. Our Orange County graphic design company shot and uploaded large numbers of watch images in different views. Once the transfer happened, we adjusted code according to new server specifications typically with large websites; the database is reconfigured with new connections if moved to another server. A testing phase is implemented for two weeks to uncover bugs or errors before the beta version goes live.

Further testing is ultimately carried out by a small group using different browsers on different platforms. This process lasts several weeks and support is continued until the website is launched for the public. At Urban Geko, we know that making a website fully functional is often the result of meticulous, time-consuming work, but the results are worth it. 

 

 
 
 

 

 
1401 Dove Street, Studio 520  -  Newport Beach, CA 92660   |   Phone: 949.200.6910     Email: info@urbangeko.com
Copyright © 2004-2013 Urban Geko Incorporated. All rights reserved. Disclaimer. Sitemap