GRAPHIC

arrow-icon

design process

creating visuals and impact

1

Define

Brief

gray-arrow-icon

2

Discover

Research

gray-arrow-icon

3

Explore

Ideas

gray-arrow-icon

4

Create

Design

gray-arrow-icon

5

Grow

Refine

vision / value / verity

Form

Graphic Design

Vision

Packaging Design . Label Design . Digital & Print Design

Creative Brief

A creative brief is a document that’s aimed to help the designer understand the scope of the project and what’s needed from them.

Brief should include: company details, guidelines, target audience, define the problem, final product expectations, budget, viewers expectations.

arrow-btn

Conduct Research

The research phase involves: looking at competitor designs, look at what your target audience is engaging in, look for trends, applying the knowledge.

arrow-btn

Ideas

Brainstorming and ideation phase represent exploring ideas and making a few sketches.

Presenting sketches to the client in order to implement the project.

arrow-btn

Create

Designing and adding details on approved sketches.

arrow-btn

Refine

Polishing and refining the final design

Source Files

icon icon

let’s shape ideas together

Projects

ILLUSTRA

arrow-icon

design process

expressing creativity and ingenuity

1

Invent

Concept

gray-arrow-icon

2

Discover

Research

gray-arrow-icon

3

Develop

Sketch

gray-arrow-icon

4

Play

Visuals

gray-arrow-icon

5

Grow

Refine

playful / dynamic / adventure

Creativity

Illustration

Structure

Illustration is the art of creating visuals that enhance a concept, story, or idea.

Illustrations are used in books, advertisements, and editorial design.

Conceptualization

Brainstorm and sketch initial idea.

Message or story identification.

arrow-btn

Research

Gather visual references and inspiration.

Data systematization | data analysis | hypotheses | solution.

Choose theme.

arrow-btn

Sketching

Composition and structure modeling.

Playing with form.

Decide on a central focal point that is tied to the narrative.

arrow-btn

Play

Playing with color.

Adding elemets and details.

arrow-btn

Refinement

Choosing color palette and adding new elements.

Changes based on feedback and insights.

Details, depth and framing.

Source Files

icon

let’s shape ideas together

Projects

UI/UX

arrow-icon

design process

balancing aesthetics and functionality

1

Discover

Research

gray-arrow-icon

2

Create

Design

gray-arrow-icon

3

Play

Test

gray-arrow-icon

4

Grow

Implementation

gray-arrow-icon

5

Share

Deliver

intuitive / interactive / intentional

Aesthetics

UI/UX

Structure

User Research & Analysis

User Research is where your strategy begins. It is the first piece of the puzzle.

Target audience research provides insights that can help your business.

Data collection ( surveys, interviews ).

Data analysis is gathering valuable insights about user behavior, needs and preferences that will be transformed into actionable ideas.

Organizing data ( affinity mapping )

Presentation of insights by creating user personas and user journeys that formulate solutions for designing a delightful user experience.

arrow-btn

Information Architecture

Information Architecture is the content organized in a functional and efficient manner. It is the structure of your design.

arrow-btn

User Flow Chart

User Flow is the path that a user takes through your website or application to complete a task.

arrow-btn

Wireframing

Wireframes are black & white sketches ( basic shapes and symbols ) of a screen’s content and functionality.

Wireframes provide a clear overview of the page structure, user flow, and functionality.

arrow-btn

UI elements

User Interface elements are components that provide interactive connections and intuitive interactions, helping the user navigate each page.

Navigation components, button placements, informational components, containers, are enhancing user satisfaction.

arrow-btn

Prototyping

A prototype is a simulation of your idea. The prototype is a sophisticated wireframe.

It is a model that creates functionality in your design. It is also the process of identifying areas of improvement.

Interactive prototypes display the user flow and simulate user interactions.

Clickable prototypes display a dynamic representation of the interface design.

Responsive prototyping displays different screen sizes.

arrow-btn

Visual Design

The aesthetic part. It is the step where creation comes to life.

Brand identity design ( logo, color system, typography ),

Graphic design ( illustration, iconography ),

Interactive prototypes and Design System.

arrow-btn

Testing and Optimization

User Testing means progress. It helps observing user behavior while interacting with the interface.

Collecting feedback from users.

Analyzing user feedback and deciding following modifications.

Communicating and prioritizing next steps.

Comparing distinct design variations and measure their impact on user behavior ( A/B testing ).

Optimization is an upgrade on your original concept. At this stage, there are taken significant decisions.

The goal is to deliver functional, efficient and meaningful, delightful products, but also to capture the buyer's attention.

arrow-btn

You will receive

Prototype

gray-arrow-icon

Responsive prototype

gray-arrow-icon

Clickable prototype

gray-arrow-icon

Source File

Source Files

icon icon icon

Home Page

The homepage is the first page of a website that a visitor will see when arriving at your website.

It contains an overview of the website and links to the other pages.

It is used for: brand introduction, sharing general information, updates and announcements.

It is seen as an appetizer when ordered from a restaurant.

Landing Page

Landing page is a standalone web page, created for a marketing or advertising campaign.

Landing pages are designed for a specific conversion goal.

Landing pages are temporary, tied to specific campaigns.

Landing pages focus on providing specific information, eliminating distractions.

It is used for: e-book landing page, webinar landing page

or for clickthrough landing pages: e-commerce landing page, signup landing page, sales landing page.

let’s shape ideas together

Projects

BRAND

arrow-icon

design process

creating order and clarity

1

Brand Identity

Aesthetics

gray-arrow-icon

2

Brand Strategy

Structure

creativity / clarity / confidence

Aesthetics

Branding

Structure

Identity

Theme

Determine a path.

arrow-btn

Name

Represent your concept.

arrow-btn

Logo

Power of decision.

arrow-btn

Color

Invent your world.

arrow-btn

Fonts & Typography

Influence dimension.

arrow-btn

Iconology

Control direction.

arrow-btn

Visuals

( photos | videos | illustration )

Transform your perspective

Strategy

Purpose

Research

Define your goal.

arrow-btn

Vision

Strategic Thinking

Create your statement.

arrow-btn

Mission

Discoveries

Choose your commitments.

arrow-btn

Values

Build your philosophy.

arrow-btn

Positioning

Explore your uniqueness.

arrow-btn

Personality

Find your communication style.

arrow-btn

Tagline

Label your purpose.

let’s shape ideas together

font: Orbitron | by: Matt McInerney