Social Media River Blog

Archive for the Web Design & Development Category

Website Architecture Design For Aesthetic, Functional and Technical Balance

Dallas Web Design Company Interaria regards Web architecture design as an important phase in establishing a creative balance in all Web site elements, and ultimately in the final product. Web architecture design develops and tests our project files against three criteria: aesthetic (visual), functional and technical.

For instance, let’s say we are to design a call-to-action icon that includes text: The aesthetic criterion would be that the call-to-action icon looks visually appealing and engaging to call in action, and is balanced and parallel to the company’s brand identity; the functional criterion would be that the web site visitor finds the information on the icon relevant and can easily read the text and click on the link(s); the technical criterion would be that the call-to-action icon can be programmed with modern Web programming language(s), and that there is a clear technical plan in place with regards to how the icon can be updated. In essence, a solid web site architecture is advocacy for all three criteria. If one of the criteria is not fully met, Interaria takes the web site element or section under the development back to the drawing board and further develops that feature until it meets the standards outlined in each criterion.

Dallas Web Design Company Interaria regards that web sites designed and developed against these three criteria will be more successful in engaging customers and establishing a solid platform for marketing and informing. The larger the scale for the web development project, the more of importance it is to go through this process in detail for establishing Web media that has a long, organic online lifespan.




Interaria boosts aesthetic, functional and technical balance with our step-by-step development process by:

    Step 1: Basing designs on real marketing ideas and understanding on the client’s brand identity. Providing detailed design files that illustrate the look and feel of the web site in detail before any coding work begins.

    Step 2: Utilizing only the very latest Web coding languages. Coding database driven Web applications for dynamic customized user-experiences. Providing custom Content Management solutions.

    Step 3: Critically testing all developed features. Always encouraging feedback. Launching only upon a complete and clear approval by the client and the entire Interaria team.








Establishing aesthetic, functional and technical balance: Case Studies


SpawGlass:

  • All graphics custom designed. All design files were fully approved before the Web coding work began.
    Close communication for establishing desired brand identity: all colors and fonts parallel to SpawGlass’ brand identity, and further developed for the Web. (aesthetic)
  • Featured news on the Home page are automatically displayed – a custom feed code from the database driven Interaria content management system. (functional)
  • All images within banners (aesthetic) can be updated by the SpawGlass site administrator by using a database driven content management system (functional). Each banner animates as many images as wanted (technical).
  • Entire content fully manageable via Interaria CMS according to approved design styles. (aesthetic, functional, technical)
  • Several custom coded PHP/MySQL database driven Web applications developed for SpawGlass’ unique needs: newsletter upload, events upload system with automatic expiration dates, custom designed and coded portfolio etc. (aesthetic, functional, technical)








NextIO

  • Custom designed brand identity and layout for Web, codes fully integrated with database driven content management system (aesthetic, functional, technical)
  • Balanced three tab system for featuring Events, News and Press Releases on the Home page without taking over too much screen space (aesthetic, functional). Modern hybrid code solution of Ajax/javascript code integrated with PHP/MySQL driven database code for content management (technical).
  • Home page visual Flash banners custom integrated with database code for content management. (aesthetic, functional, technical)










Anderson Landscapes:

  • Long term commitment to provide visual Web graphic designs that are favored by the client and his audience. Modern, slightly earthy and rustic look. Designs fully approved by the client before coding work began.
  • Functional emphasis on creating SEO friendly site map and key word rich content for online leads.
  • Scrolling text represents a balance of aesthetic, functional, and technical.
  • Image content fast to update without compromising visuals.









Mozart’s Coffee (Example – Coffee section):

  • Ajax coded (technical) visual presentation of coffee blends (aesthetic) integrated with custom coded database driven content management system for easy updates (functional). The list of coffees is not limited to any number or set pixels (functional).
  • Each symbol element for coffee is coded in a manner that it can be created by using CMS. (aesthetic, functional, technical)







  • •  More Information about Interaria /
        Request a Website Design & Development Quote


    Please call 214-909-3900

    Share

Effective Website Layout Design

Dallas Web Design Company Interaria regards that designing an effective website layout requires establishing a balanced synergy among several design principles. We have modeled these principles below into five clusters:


1) Modern "genre" (concept and style) driven layout design principle: Establishing a layout style that is valued in the current stream of online media. Strictly avoiding dated "old" layout concepts.



2) Industry driven layout design principle: Understanding industry specific concepts and styles.



3) Demographics driven layout design principle: Basing layout design concepts on the understanding of the visitor’s age, sex, location and surfing behavior.



4) Brand identity driven layout design principle: A) Establishing creative ways to integrate company’s (client’s) identity elements to the layout; B) Approaching the layout design as a brand differentiating identity factor in re-enforcing the brand.



5) Hardware and software driven layout design principle: Taking into account several technical and functional criteria such as the age and type of computers that will be used to surf the website, use of mobile devices, typically used resolution settings, importance of overall visual impact, requirements to change an established scale in the future.



Layout design provides walls for the house — it is a highly significant phase in the process of creating effective customized Web media that has a long online lifespan.





Examining Interaria’s Web Architecture Design Principles Through Published Work: Case Studies

Modern "genre" (concept and style) driven layout design principle:


Revitalize Laser & Aesthetics: Modern wide screen layout. Layout and content adapts to different viewing experiences. Equally balanced feel in a variety of screen resolutions. AJAX driven horizontal navigation system. Social media integrations. Layout design easily integrates a blog.








Mozart’s Coffee Roasters: Modern wide screen layout. Large image based buttons for easy navigation via iPhone. AJAX driven image viewing systems. AJAX driven horizontal navigation system. Social media integrations. Layout design easily integrates a blog.








Industry driven layout design principle:

Vinttikamari: Modern minimalist layout to engage friends of Scandinavian modern design. Boutique presence.





SpawGlass: Structural engineering feel; logical layout. Cohesive design "construction / build" elements.








Demographics driven layout design principle:


FinnWid: Clean genre of Nordic modern website design. Professional audience of mostly women. Respectful third-world aid tone.









North American Credit Card Association: North East regional business feel based on the location of the company. Educated audience of business owners.









Anderson Landscapes: Home-owners and professionals who value both creativity and well planned out design and construction. A busy consumer who doesn’t necessarily have much time to spend on the site (fast and easy to navigate and see visuals).








Brand identity driven layout design principle:


Revitalize Laser & Aesthetics: All around brand identity feel. Layout follows and builds up brand colors and gradients. Consistent placement of Revitalize brand image (lady). Elegant and sophisticated layout elements throughout.








Five Star Interiors: Layout significantly creates the feel and identity for the website. The layout elements (wood frame, wall paper, animation of content and visual elements) create an elegant story for the brand.








Hardware and software driven layout design principle:


Mozart’s Coffee Roasters: All buttons easy to tab via mobile devices.








•  More Information about Interaria /
    Request a Website Design & Development Quote


Please call 214-909-3900

Share

Social Media Design by the Dallas Web Design Company Interaria

Interaria provides all Web graphics design and Web code development services to make your company’s social media presence unique and cohesive with your company’s brand identity and messaging.

Our social media identity design and integration services include:

  • Setting up and customizing your company’s Twitter page: background graphics, layout colors, link colors, avatar icon
  • Setting up and customizing your company’s social media widgets placed on your company’s website: Twitter feed, Facebook feed, Flickr feed etc.
  • Setting up and customizing content sharing interfaces: Twitter ’Tweet’ buttons, blog content sharing icons etc.
  • Selecting or custom designing social media icons to be placed on your company website: Facebook, Twitter, StumbleUpon, Digg, LinkedIn, Flickr, YouTube, Blog etc.
  • Customizing your company’s Blog with optimal layout style, font sizes and styles, colors and graphics design elements.



Some Social Media Design Examples by Interaria

Customized Twitter page for Revitalize Laser:








Customized Facebook page set up for Revitalize Laser:







Customized Twitter Feed on Revitalize Laser Website:








Customized Facebook Feed on Revitalize Laser Website:








Customized Flickr® Feed on Mozart’s Coffee Website:








Social Media Icon selections for AHI, Mozart’s Coffee, and Revitalize Laser:








Facebook ’Like’ icon customization for Mozart’s Coffee:








Facebook Recommend and Twitter Tweet icons for Content Sharing on Mozart’s Coffee Website:








Blog posting social media sharing interface integration:








•  More Information about Social Media Design /

Request a Website Design & Development Quote for Your Project. Please call 214-909-3900.

Share
Facebook
Twitter
Blog
LinkedIn
SocMR