Design & Technology Blog   

Archive for the Branding Category

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.

Interaria Alphabets

Application

Interaria develops custom software applications for web and mobile. We specialize in custom PHP/MySQL application development for web and mobile.

Brand

Brand is more than just a visual design. Brand is a narrative, a story, a message, an invitation. We position brands and create identity messaging for cross-platform communication on the web and mobile. It is important that brand messaging is consistent in all communication points, and that the brand design elements foster optimal usability.

C++

A general purpose programming language for professional applications. When C++ is needed, our development team is ready.

Development

Interaria believes in agile project development, ability to comprehend complex business models and organize them in a make-sense manner, willingness to embrace the organic process of new ideas and the ability to shift the direction for development when needed.

Experience

We’ve been in business since 2004. Our experience let’s us today take on larger projects, approach them with calmness, and deliver results steadily with excitement of course.

Finland

Midnight sun, snowy Christmas, functional approach to design. We like going to Finland.

Goal

We believe in staying on the path: “Obstacles are those frightful things you see when you take your eyes off your goal”.

– Henry Ford

HTML

XHTML, HTML5. Web development is our bread.

iOS

We develop iOS wrappers for mobile sites or we can develop a custom iOS app according to one’s business model.

Java

One of many programming languages we know and can apply to our projects.

Kauas

Finnish for far away.

Look

“Anything becomes interesting if you look at it long enough”.

– Gustave Flaubert

Mobile. MySQL.

Yes, we can combine these and make MYSQL database driven mobile web apps.

New

“A person with a new idea is a crank until the idea succeeds”.

– Mark Twain

Open Source

Recent media discussions have pointed and made it obvious that large systems should be preferably developed on an open source platform where the entire community of web developers contribute to the code development and debugging.

PHP

Our field of expertise: an open source web and database programming language. Scripts that talk with the database and make actions take place.

Quality

We don’t settle any project until all parties involved are pleased with the results. For active sites, our development team is ready to continue developing quality deliverables according to future site update and upgrade needs. We implement rigorous technical testing and a systematic user testing to all our deliverables.

Responsive design

Adapting the site’s layout for optimal viewing experience on mobile devices.

Software engineering

Applying professional software engineering to mobile and web app development fosters quality control, data scalability, effective problem solving and debugging.

Teamwork

Complex application rich websites and mobile sites require dedication and teamwork. Ultimately, our products are an outcome of close teamwork between all Interaria team members. We operate an organic teamwork approach where each team member can step in whenever needed, not just according to each member’s designated work cycle. Our designer doesn’t just hand design files to our programmers but oversees that the files will be coded according to set standards, and when needed, designs and codes will be revised until a balance has been reached between the form and function.

Unique

Unique is what differentiates. Our job as designers and developers is to highlight this uniqueness and make it the obvious choice.

Value

Our mission is to deliver quality services, develop quality products that ultimately add real value to our clients.

XHTML, XML

Familiar code languages from our ten years in business.

Yellow

We understand and respect personal preferences. “I’ve always eaten egg whites because when I was little, I didn’t like the color yellow, so my mom would trick me into eating eggs by taking out the yolk”.

– Eva Longoria

Z-layout

Creating an effect layout with call-to-action at the end of the z. Another option: the F-layout.

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.

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