Design & Technology Blog   

Posts tagged branding

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.

Project Lauch: Play It Safe!

Play it Safe!® is a child abuse awareness and prevention program developed by The Women’s Center of Tarrant County. The program incorporates age-appropriate scripts and movies to teach children how to reduce their risk of sexual and physical abuse, and sexual assault.

In the past, the ordering of any Play It Safe! material was done via phone or product order forms. Interaria was called in to modernize both the ordering system and the overall web presence of the program.

Interaria developed a full custom solution for online ordering of the program material and online management of the user accounts. Schools, applicable organizations, and parents may register on the site and create an account for viewing the store material and placing secure online orders. Each shipped video order is also credited and tracked with a one-year-subscription of unlimited online watching access.

Our process included weekly meetings with The Women’s Center of Tarrant County to finalize the site development plan and online store features. We consulted with the team and reported at every step during the website and web applications development. The key development milestones during the project were overviewing and discussing site features and elements such as the visual design of the site and brand integration, content structure and navigation, the integration and use use of the Interaria content management system, shipping fee calculators, shopping cart system, check out process, My Account features, and Admin’s features for management of the entire site.

As always, the site was designed and developed fully by the Interaria team, project manager and developer James Shields, user experience designer Meri Kuusi-Shields, and software and web application developer Pyry Kuusi.

Interaria thanks The Women’s Center of Tarrant County for this great meaningful project and looks forward to supporting the organization with its any arisen web & mobile application needs.

For more information, please visit our portfolio case study or call us at 214-909-3900.

Fonts on a Date

Type Connection, a typographic dating game website, invites typeface enthusiasts to explore how different fonts mesh and match, and support and differentiate.

For two font types to create a harmony with interest, they need to differentiate and contrast and yet feature some common principles in style: legibility, stroke weight and modulation, consistency in weight, and fluidity are all variables that contribute to a make it or break it relationship.
Visit Type Connection.

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