+44 (0) 845 094 3331 email

Home > Blog > Design

Displaying posts from the 'Design' category

A little bit of (design) fun - kerning game

by sandra November 9th, 2011 | Design, Tutorial, Typography, Visual communications, print design | No Comments »

Kerning

The best thing I have seen in the last months or so is this game: http://type.method.ac/ (I know I am a little bit sad…)

Whilst studying I spent years drawing up my (Swiss) alphabet as part of our typography lessons. I love checking how well the old fox is doing now. I think I achieved around 92%. Give it a try!

In typography, kerning is the process of adjusting the spacing between characters in a proportional font, usually to achieve a visually pleasing result. If you are starting from scratch or need reminding of how-to, this article maybe quite useful: http://designshack.net/articles/typography/8-simple-and-useful-tips-for-kerning-type/.

The kerning was used to identify this birth certificate of Barack Obama as a fake.
http://bundes.blog.de/2011/05/17/gefaelschte-gebortsurkunde-barack-obama-enthaelt-kerning-typographie-technik-gab-11189397/

Continue reading »

New alumni website for Fung Scholars launched

by Clinton September 5th, 2011 | Building an online brand, Design | No Comments »

the fung scholars Honk Kong alumni website

the fung scholars Honk Kong alumni website

We have recently launched the new website for the Fung Scholars. This is an alumni website with the aim of nurturing future world leaders. It supports students with placements at the leading universities in the world and was set up in 2006 by the Li and Fung Group. The Fung Scholars Program is currently operating in universities of Hong Kong, mainland China, Singapore, the USA and the UK.


Nvisage’s role in building the  the Fung Scholars website

Nvisage was asked to design and develop a site which would support the programme, promote its aims and ambitions and to provide a members only area for the students and those involved in running the programme. Design features include:

  • embedded video from third party sites such as Vimeo and Youtube
  • a carousel on the homepage to allow multiple large format graphics to be displayed to promote content

Specific web features

CMS

The Fung Scholars website is developed using the Wordpress publishing platform to provide an easy to use and maintain CMS (Content Management System). This allows for a rapid development of the website and a cost-effective solution.

Events Module

Events are a core part of the programme and are available at a global level or at a chapter level. the events module allows individuals to subscribe and be alerted to any events that they are eligible to attend

Staff  Module

We have created a specific module to add, edit and manage the profiles of the people involved in running the programme around the world.

Members Profile Module

We started with the Wordpress membership module but customised and extended it to provide specific and tailored features such as capturing specific data about all the scholars and enabling them to be categorised by the Chapter they belong to.

Continue reading »

Design value or design that adds value?

by admin May 3rd, 2011 | Design, Visual communications | No Comments »

A common question that arises in various discussions between professionals, developers, clients and management teams is “why is it so important to spend x amount of design time on a specific solution? Can’t we cut back on costs by squeezing this assigned time?”

The answer is no. Design is not just about decoration, but in the words of a wise creative “it’s the most elegant answer to a problem”. Design surpasses just the esthetic surface of a solution; it inculcates sophisticated functionality and empathy to users’ experiences when engaging with the solution.

In any sphere, be it business, life, science, politics, economics, design has the power to create an identity – whoever it may be for, the way we humans dress ourselves denotes something about our individual personas, similarly good design creates a creative persona for a solution – which not only makes the solution easily recognizable, but also speaks of the core values that the solution may be a composition of.

To think that everyone who can use professional design software is a design practitioner is a misconception, which has been further reinforced by software firms trying hard to sell their tools by claiming how easy and quick it is to transform yourself from a finance professional to a creative. The roots of this probably go back to the industrial revolution, where a so called designer, created not just brands, identities, but they also designed products and experiences. But that ofcourse was expensive, hence, came about the idea of a ‘creative assembly line’ (adapted from Henry Fords’ first ever implementation of the same in the Ford car manufacturing unit in the US in the beginning of the 21st century). Now the same task was being split between 5 different people, this not just enhanced efficiency but also increased employment opportunities and a great boom for art schools across the world as various design disciplines were established.

It’s intriguing that although the design disciplines stand apart even today, but there’s an emerging merger – not between different kinds of design, but between engineers and design. As a result we come across more and more ‘cloned’ solutions, the same solution that was created a few years ago, creates a slightly altered clone of itself 3 years later.

So, is a 30 minute photoshopped solution what you should be looking for?

Or, should the solution be a result of in depth market and user research, brainstorming, incubation of several ideas, the execution of the most effective solution and an afterlife plan for the same?

The answer is simple, design as an industry or a skill set emerged with the industrial revolution, and is today a strong component of the worlds’ largest and smallest businesses and organizations. The value that design adds to a given solution makes it appealing, accessible and functional; to undermine the significance of this ever growing, constantly adapting and changing specialized would probably result in meeting immediate budget targets, but absolute loss in the generation of a GOOD solution.

- Manjul Rathee

Continue reading »

How to choose a web design agency

by Clinton April 28th, 2011 | Design, News, Visual communications | No Comments »

Choosing a  good web design company or agency that meets the needs of your business can often be a difficult process and fraught with pitfalls. There are however some simple rules:

  1. Look for a web design company that has designed sites that you like
  2. Look for a web design company that has designed sites for similar sized businesses to you
  3. Look for a web design company that you can communicate effectively with and will work in partnership with you
  4. Make sure you choose a company that specialises in web design and not a generic print design company that does some websites - it involves different skills and knowledge to create a website design compared to printed material.
  5. Have a good idea of what you want. A good web design agency can help you develop and nurture ideas but they can’t be mind readers and “feature creep” does no-one any good.

And some things not to worry about:

  1. In general it doesn’t matter that your chosen web design agency hasn’t worked in your sector as long as you can have a good rapport with them.

Continue reading »

Creating Functional Wireframes

by Clinton April 6th, 2011 | Design, Visual communications, usability | No Comments »

Functional wireframes are an intrinsic part of any web development process. They illustrates how each page is structured as well as information about each  button, field, piece of content and functionality. It provides an overview of all of the different templates within a site inclusding their function and features.

Wireframe Content

Each wireframe contains the following information and a description:

  • Title: This is at the top of every wireframe. The wireframe title describes the purpose of the wireframe.
  • How to get here: this section describes how the user got to this content block
  • Concept/Purpose/Objective: this section describes what the objective or purpose is for this panel.
  • Content/Data: this section describes all the content on the panel including any buttons or icons.
  • Buttons/Links:
  • If: Then: This section describes a user behavior and the result of that behavior (e.g., what panel is rendered after the ‘If’ condition is met).
  • Navigation Links/Buttons: this section describes any navigation links on the page.
  • Error conditions: this section describes any errors that may result from a user behavior and what message wireframe they will receive.

More information on Functional Wireframes

Continue reading »

User Centred design

by Clinton April 6th, 2011 | Design, usability | No Comments »

User-centred design is the ability to design with the user’s positive experience at the heart of all design processes. It is the aim of user-centred deign to create easy to use and learn interfaces to allow the user to undertake the tasks they need to. It relates to any interface whether it be web, mobile or application.

User-centred design is a straightforward concept and process and yet there are more websites out there than not that do not achieve its aims and offer the end user a poor experience. As with many simple concepts there are some basic but powerful rules.

1. identify who your users are and what they want

  • Technology can be complicated so people need displays that are free of clutter, otherwise they can’t see what options they have.
  • Identify all of your users and what they want to do with the system
  • “Average users” don’t exist, research your audience and define the different user profiles or personas
  • Define the core user journeys and mark them out so users can easily identify the paths to complete their goals
  • Research your audience to identify the most important goals and prioritise these

“Good design is about making decisions and trade-offs”


2. undertake usability testing to identify problems with your design

  • set up tests with your users with defined tasks and watch and record what they do, how long it takes and how satisfied with the process they are.

3. Put off writing code for as long as possible

  • undertake iterative design
  • and test until you get the process right
  • this will be the right design

“You do not need a lot of design options

If you undertake user-centred design you will end up at the right design and not the one your client thinks looks best. After all what is their knowledge of what design can work best for their client?

If budget and time is an issue then the second best option is to make use of an expert review. This is when a usability expert examines the design and compares it against a recognised set of design principles.

This article has been created with reference to the usability specialists at www.userfocus.co.uk

Morae is an industry recognised software application for facilitating usability testing.

If you would like to understand how usability testing and user-centred design can improve your website and your business goals then contact us now.

Continue reading »

Design vs. Standardisation

by admin March 8th, 2011 | Design, Visual communications, print design | No Comments »

The shrinking of the planet and expansion of the virtual world to a degree where users can live a second or third life by a few simple mouse clicks, businesses can boom and collapse in a span of time that was previously unimaginable, new professions have arisen, remote access has taken communication to new heights, revolutions are triggered, governments are overthrown, society has a new definition - this is the magic of the world wide web.

Defined as:

A network of networks that consists of millions of private, public, academic, business, and government networks, of local to global scope, that are linked by a broad array of electronic, wireless and optical networking technologies.

The internet age gave practitioners of design a new playground - where ideas could take a digital shape, colour schemes changed from CMYK to hexadecimal, there was room for motion, music and interaction. Designers, who previously relied on printing firms to bring their concepts to life, could surpass that; for the internet allowed them to publish information with some basic knowledge of programming languages. Websites became ‘fancy’, viral campaigns were animated, a whole new world of iconography unveiled itself and more- but is this good enough?

Approximately 7 billion humans inhabit the planet, of which almost 2 billion (and increasing) people are connected to the internet, this further opens the door to a variation of computer systems/devices used, individual limitations, user preferences, ease in accessibility and the big issue of ‘speed’. Users want information exchange to be fast, faster than ever before.

How can design cater to such a diverse audience, and the plethora of preferences and requirements? The solution is standardisation. Designers may argue that this limits their creative freedom, but for any given problem - the first step in creating a solution is identifying the audience, and continuing the solution seeking progress with the target audience as a prime consideration.

Maybe the challenge is to be creative within the premises of the basic guidelines of standardisation. Standardisation itself is changing, and with it the premises within which sit the established guidelines. Can designers not identify a new playground whilst conforming to the standards?

- Manjul Rathee

Continue reading »

Designing for print and web, the benefits of being a multi-disciplined designer.

by admin December 9th, 2010 | Design, print design | No Comments »

The main point I’ve learnt since extending my trade from the world of print into the world of web is that essentially, I’m still doing the same thing. I’m still trying to come up with the best ideas complimented visually by the best design I can, the differences are mainly technical. As Massimo Vignelli said “if you can design one thing, you can design everything.

The distinctions between the two mediums are obvious for all to see but there are definite similarities that bring these two disciplines closer together. Having the capabilities to cater for both can be very good for business… ours and yours.

Having the aptitude and skills for more than one speciality is nothing new and designers have been doing it for years. You don’t have to go too far back to look at the work achieved in design by Charles and Ray Eames. Having some of the worlds most recognisable furniture and being Oscar winners for a short film is no mean feat at all. In more recent times, the work of Julian House at Intro has seen him produce brilliant music videos for the likes of Primal Scream and Doves and at the same time create inspiring album cover art for the same bands and more.

As one of three designers at Nvisage and coming from a background in print, it has been an interesting challenge getting to know the ins and outs of a new format. Although I’ve always been confident in my design ability, transferring them to a brand new set of rules has been the most taxing aspect as I had to learn about accessibility, usability and functionality. However, with the success of the Parson, Son & Basley website and the recently launched Moat website, I can see that I can transfer my skills from one area to another successfully and that can only be a good thing.

It was also long due that I worked outside the familiar setting of a traditional print studio full of beautiful Macs, endless supplies of paper stock and unhealthy obsessions with haircuts. Working as an in-house designer at a web development agency, I now work solely on PCs, I’m inundated with and endless stream of jargon and the obsessions are more along the lines of functionality than style (haircuts included).

The most beneficial part of working with web is the great team of developers I can work along side to bring my designs to life. This has enabled me to produce design that has the most appropriate balance of look, feel and functionality. Having a website that works perfectly is of the essence but first impressions are always important and it’s always essential to create a good user experience.

For the client, I think knowing that they are working alongside an agency that can cater for all their needs is a comforting thought as we have the ability to keep a consistency in the quality of the design, web marketing, programming and SEO. Communication between all the departments is a very easy process indeed and one of great importance.

When it comes down to it, web and print do have their own individual merits. With web there is instant feedback from instant outcomes and it’s also easier to find out whether a website is performing to its full means and even test how it performs. A client can undertake changes at anytime which is impossible with a completed printed product with out the need for a reprint at great cost. With print, there is much more choice in terms of format, font, size and material and in my opinion there is nothing like the smell of fresh ink. However, for me and for the client, the idea is king and thankfully that extends across all formats and I can enjoy the best of both worlds.

By Chris Lewis

Continue reading »

Mobile web design

by admin November 23rd, 2010 | Building an online brand, Design, mobile web | No Comments »

At Nvisage we also specialise in mobile web design as well as web design. Our web designers understand how important mobile web design is and how good design for mobile devices can reap great benefits in terms of building a successful online brand as well as engaging instantly with existing and potential customers.

 

mobile web design for estate agencyOur most recent mobile web design is for Brighton-based estate agency Parsons Son and Basley. This is part of a much larger project of a complete website re-design and re-development. In particular, a key part of the project was to improve the way that their back-office estate agency software, Vebra  was used. they needed a much better Vebra solution than existed on their previous site and that was fairly standard for many Vebra installations.

With the new mobile-specific web design, someone can browse or search the site from any smart phone and any browser and find:

  • residential properties to buy
  • residential properties to let
  • commercial properties to buy
  • auction properties

From there they can also view them on a Google map, send an email enquiry or obviously phone them. Another key benefit is the ability to receive email alerts of recently added   upon their own criteria and view them on the mobile interface directly from the link in the email alert.

How to get the mobile web design that your site deserves

For more information on how we can help create a compelling mobile web design for your existing site or create a new design from the ground up please Contact our mobile web designers today.

Continue reading »

Effective Visual Communications

by sandra November 16th, 2010 | Building an online brand, Design, Visual communications | No Comments »

Getting your Visual Communications right is a key step to building a successful business. First impressions are important and they reflect the brand. Your brand.

Visual Communication communicates an idea through the visual display of information; it helps us understand the messages portrayed. There are a lots of ways you can present information visually. These include using gestures, body language, video, web and TV mediums. Here at Nvisage, the focus is on the presentation of text, pictures, photos, etc.

Evaluating the success of Visual Communication design is mainly based on measuring how well your audience understands your intended messages. The visual expression of your business will evoke an experience for your potential clients and therefore it’s critical to get this right. Whatever medium you use to visually express the brand of your company, as long as it is consistent in quality and messaging and it creates the same experience throughout, it can be extremely effective. See also ‘corporate identity’.

The web is a great communications tool and is possibly the most popular tool that’s used today to create a positive visual impression. However it’s important to remember other aspects of your business and how they are represented. These include promotional materials, logos, newsletters, etc. They all need to convey that they belong to the same ‘family of look and feel’ to successfully convince and enhance the perception of your company.

Promotional materials are an example I would like to highlight here.

Join up your designs
Having a nice website with a good user experience is important. However, if you send out a brochure which fails to convey the same brand and associated messaging, this can sadly reflect badly on your company’s image. And it can potentially create negative perceptions of your business.

In these times when we have instant access to content, people shy away from printing large company brochures, and in line with environmental issues, I agree in part with this.

That said, there’s an argument for taking an agile approach to using a company brochure. That is, by using new technology to print small runs digitally, there’s really no excuse not to have a brochure or at least a company profile sheet. It serves as a hand out for your potential clients. Or something you can send with a nice letter to an existing client, to remind them of your skills and keep you in their sight for future business. If it’s appealing and very helpful, they may even keep it.

A nice brochure isn’t just about having some text with nice pictures with smiley faces, but actually needs to have engaging content with well structured overviews and the right calls to actions (even if we can’t click them). Even better, if you can combine this product with an offering.

The same rules apply: First impressions.

If your printed promotional materials look dated, it reflects on your company badly. That it’s dated and possibly not progressive. You can’t afford to make this kind of mistake.

Business cards and more

Your immediate reaction to new acquaintances is based on what you see. You are out on the road meeting a prospective client and just when you have completed a perfect sales pitch, you take out an old, crumpled business card. That will be the last impression you give to that client.
Yes it is only a business card, but it will remind this client of your attention to detail, the care that you haven’t taken with that card. Furthermore it can convey the idea that you are not very professional.
So, always have an up-to-date, high quality business card at hand. It reflect s on you and your business. A business card could expand to more, by having well chosen content to communicate what you do and who you are; kinda telling who you are AND ‘what is in the tin’.

Toolkits and sales aids
By simply creating a basic toolkit (a folder with some inserts), which can be used for sales staff, resellers, prospective clients and existing clients, you have a very flexible tool for promotional material which offers some great benefits.

By creating factsheets, datasheets, profile sheets, newsletters for this toolkit, you are constantly updating the toolkit so that it’s current, and therefore communicating to users the benefits of being up-to-date. Furthermore, sales staff have a professional image to take to their sales pitches. They can even have a note pad in the back of the toolkit.

New prospective clients can be handed a very sophisticated precious kit with information which is useful to them. They will keep it on their shelf and when the time comes they may pull it out to give you a call.

Existing clients can be updated with the latest white papers, case studies, newsletters; information which relates to their business.

These type of measures show a very agile approach to representing and selling your company.

Newsletters

An engaging and well structured newsletter with a strong visual impact can remind a person of your company on a regular basis. These type of valuable visual communication aids will create the right image whilst passing on helpful information. Let a newsletter be a tool which is exciting to read and visually appealing and therefore will be liked by the reader.
It will reflect your company well and will keep reminding your readers of your business talents. This in turn can generate vital leads.

Our approach
Nvisage has lots of experience in developing visual language systems for communication for varied businesses and organisations. This is because our marketing team and designers understand human communication in a social context. This requires critical thinking and intellectual flexibility as well as creative flair. And it involves understanding what your audiences will connect with.

In communication, messages are paramount. But good visual design supports the message and enhances its delivery. We can help you to deliver positive, interesting messages which enhance your brand and resonate with your audiences and therefore help you grow your business or organisation.

For a ‘creative’ chat call us on 0845 094 3331 or email Sandra Staufer.

Continue reading »

Valid XHTML 1.0 Transitional

Valid CSS!