Design & Technology Blog   

Posts tagged identity design

Enjoying the Process: Design Steps for Web and Mobile

In many ways designing requires skillful listening; sometimes it is not that easy to express what one wants or likes, we often know better what we don’t like.

And on the other hand, in cases where the client regards that they know exactly what they want, it is our job to test these ideas and make sure that the creative direction is indeed final. Sometimes things get nailed down faster; sometimes ideas and directions shift and the process takes more time. Ideally we recommend giving enough time for the design process in order to make sure that the design files will settle in and that our client feels connected and committed to them.

Ultimately, we regard it as our responsibility to work towards a professional web and mobile media design in the framework of requested direction and feedback. Our ten+ years in business has thought us a lot how to be sensitive to our clients’ comments while neither overburdening them with requested tasks nor overrunning their views and requests.

What does a typical design process for web and mobile look like? Below is a flow sample of how a typical web and mobile design process might go about. When working with our client we request feedback and approval on each step before moving forward with the code production process.

Setting Goals:
We listen to the client carefully and identify goals for the web and mobile presence.

What We Have:
Together we go through existing identity design elements, likes and dislikes. Sometimes certain identity elements can be taken literally to web and mobile, and sometimes they need a certain degree of interpretation.

Who We Are:
Together we identify, and analyze/strategize the client’s brand identity and market positioning.

Who’s Competing:
Together we go through web and mobile samples of relevant competition.

What We Like:
Together we identify different style options and web and mobile layouts that resonate with the client.

What’s the Scale:
Together we form a preliminary site map and feature set plan for the site development.

Here’s What We Have: 
We provide the client with first layout ideas; focus on the feel and primary identity elements.

This is How it Would Work: 
We provide the client with a basic wire framing of the navigation structure.

Here’s a User’s Experience:
We illustrate and/or wire-framing the roadmap for a user-experience road-map. Please note: regarding on the scale of required dynamic features – such as a registration system, an online product catalog system, an ordering and customer check-out system, My Account features – this workload often exceeds the timeline of a standard web or mobile design process.

Here’s How to Get User’s Attention:
We provide the client ideas with user engagement with call-to-action areas and optimal site layout.

We Heard Your Feedback:
We revise designs, layouts and wireframes according to feedback.

Here are the Designs with Your Content:
We test the designs against provided content. We imagine what future content might look like.

Can you take a Final Look?:
We request final approval before the coding begins

Developer, let’s sit down and talk:
We make sure that the design files are to be coded according to the plan.

OK, let’s see:
We adjust fonts, visuals and identity elements according to the real-life rendering on different browsers and mobile platforms.

We made some changes…: 
We adjust and improve the user experience flow according to real-life testing results.

Interesting new changes:
We foster acceptance and understanding that sometimes good ideas take their time: we agree that the client has the right to change their mind and request changes during and after the coding phase

The future is looking bright: 
We will adjust and create new designs according to new identity elements or direction on brand positioning

Interaria has walked through these steps many times in the past, and we know how to guide the conversation, structure deliverables and provide results. By breaking the design process into tasks, the process can feel enjoyable.

Google Web Fonts Add Creativity Without Compromises

Google Web fonts are open source fonts available for anyone’s use without a license.

Since summer 2011, Google has been offering Google Web Fonts that add creativity to any website without significantly compromising page loading times. Google Web fonts are open source fonts available for anyone’s use without a license. They are a wonderful source to add new font styles to your website and to seek for creative HTML font solutions. Google Web Fonts stream from Google’s server to your website, i.e. this is an API service that requires (free) hosting environment from Google. The snippet command to place a Google Web Font to your website will be coded to your company’s website CSS by your web development team.

A Branding Toolkit Sets Identity Standards Across Corporate Messaging

Branding Toolkit Creates Coheseveness

Does your organization have a branding toolkit that sets the standards for a consistent brand interaction?

A branding toolkit explains and demonstrates identity standards and provides specific details on brand messaging styles in order to create cross-marketing and cross-messaging consistency and cohesiveness. A branding toolkit is typically used as an internal company document that each department and employee involved with marketing and communication should be aware of.

The toolkit sets guidelines for internal and external marketing and communication by

  • detailing acceptable use of identity colors and color palettes
  • detailing specific color codes for print and the Web
  • detailing acceptable typography (use of font styles and sizes for print and Web),
  • detailing acceptable placement and size of logos and other trademarks,
  • detailing acceptable layout options for business cards and letterheads,
  • detailing acceptable practice of using envelopes, folders and other stationary,
  • detailing acceptable use of photography (types of images, file sizes), and
  • detailing acceptable phrasing and/or spelling of key words that could be written in different ways (for instance, “website” or “Web site”).

A company or an organization that has developed a branding toolkit or a brand guide is in a strong position of protecting its established distinctive brand identity across media and across different customer interaction points.

© 2011. Meri Kuusi-Shields / Interaria. All rights reserved.

Facebook
Twitter
Blog
LinkedIn
SERP Zebra