Align Align.vn
Align Align.vn

Align’s process has an overarching theme that repeats constantly throughout. That theme is - communicate, allocate, implement, communicate, revise, communicate, finalize, then move to the next step in the project. You will see this pattern throughout most processes.

SALE
Respond Inquiry
Discuss the inquiry from the client
S5 Emailing 1
By Email
S3 Back To School 2
By Phone 
SALE
Discovering Meeting
Get to know the client and their needs, the scale and scope of the project
Create optimal package to fit client's needs
Prepare Proposal
S5 Freelance 1
Calculate the cost proposal for the project
Create the project schedule, and breakdown of deliverables
Email Proposal
include cost, time, Align deliverables, Clients deliverables
Create & Send Contract
Give client instructions
content needed, payment information needed, login info needed, deadlines
Assign Team Members to the project
Assign roles and discuss the project with team members
Send the client necessary form to get the project started
Branding Stratery
We offer 3 different brand packages:
S5 Marketing 1

Basic package

Brand Strategy Report

Basic1

Client give us details on their chosen brand position based on the research.


Once Align have and understand all the information they give us, we create a brand design strategy proposal presentation.

Middle Packaging

Middle package

Brand Positioning
Strategy Workshop

Middle1

Client will do most of the research beforehand.


Align would do a bit of research on the competitions positioning strategies.

Put together a workshop to help them position their brand using the information they have provided.

Advance Package

Advanced package

Premium Brand Strategy
Development Workshop

Advanced1

This package consists of 2 workshops.


1st workshop: present findings through research and learn more about the client's industry, Target Market, and Competition

2nd workshop: Create a brand positioning workshop.

The Project Alignment Communication (PAC)
In cases where the client does not need Branding strategy, we'll do what is called a “Project Alignment Communication” (PAC) Step.

Purpose: understand the project as best as possible, then explain and communicate with the client about the design direction

The PAC step is slightly different for each project, but these are 9 major steps in PAC.
Group 1411
S3 Education 2
Brand Application
PAC Process
S1 Online Distance Learning 2
Website PAC Process
S3 Back To School 2
Mobile App PAC Process
Branding
01

COLLECT CONTENT/ MATERIALS

gather all the the material from the client well before the designer will need to begin the design incude:
Video
Video/gif
Image
image
Content
content
Brandguideline
brand guideline (if available)
02

VISUAL RESEARCH (STYLESCAPE)

Research about images, designs, colours, typography, photography, patterns and textures. We'll collect it as general style that help preview a project's visual direction which call Stylescape.
Visual Research Stylescape
03

LAYOUT/ WIREFRAME/ SKETCHES

Create wireframe/ layout or sketches based on strategy report/brand guidebook or the PAC meeting report
Layout Wireframe Sketches
04

DESIGN & REVISION

Each application has only 2 revisions
Logo
Design&revisionlogo

- Transferring what was created in sketch into B&W vector logo
- Presentation B&W
- Revision
- Render in color
- Presentation Color logo
- Revision

Key Image
Key Image

- Create idea
- Add to presentation
- Revision 1
- Presentation 2
- Revision 2

Label Packaging
Label Packing Bizen

- Create master design
- Presentation 1 to client
- Revision 1
- Presentation 2
- Revision 2
- Create print design

POSMss
Nhat Vy BillBoard

POSM: standee, poster, billboard, pano, leaflet/ flyer, booth, showcase
- Design master
- Presentation 1 to client
- Revision 1
- Presentation 2
- Revision 2

Stationary
Stationary

Stationary: Business card, Envelope A4 & A5, folder, email Signature, Letterhead, Nametag, Company Note, Company uniform, Internal presentation, Brochure
- Design master
- Presentation 1 to client
- Revision 1
- Presentation 2
- Revision 2

Social Media
Social Media

Social Media: Post template, banner
- Design master
- Presentation 1 to client
- Revision 1
- Presentation 2
- Revision 2

05

MOCKUP

A mockup is a full rendering of design on Logo, key image, label/ packaging, POSM, stationary and social media
06

HAND-OVER

send client the final project hand-over include all applications file
Website & Mobile App
01

COLLECT CONTENT/ MATERIALS

gather all the the material from the client well before the designer will need to begin the design incude:
Video
Video/gif
Image
image
Content
content
02

VISUAL RESEARCH (STYLESCAPE)

Research about images, designs, colours, typography, photography, patterns and textures and button style We'll collect it as general style that help preview a project's visual direction for website/ app.
Akara 1
03

SITEMAP/ WIREFRAME/ USERFLOW

These steps are considered as the skeleton of entire website
Sitemap1
Remember Login 11
04

DESIGN & REVISION

S1 Online Distance Learning 2
WEBSITE

Homepage design:
- Create grid & set up font, color
- Design on mobile screen
- design on desktop screen
- Presentation 1
- Revision 1
- Presentation 2
- Revision 2
- Finalize General Style

Other pages design:
- Other pages design on mobile
- Other Pages design on desktop
- Presentation 1
- Revision 1
- Presentation 2
- Revision 2

S3 Back To School (1) 3
MOBILE APP

Homepage design:
- Create grid & set up font, color
- Design Homepage
- Presentation 1
- Revision 1
- Presentation 2
- Revision 2
- Finalize General Style

Other pages design:
- Design other Pages
- Presentation 1
- Revision 1
- Presentation 2
- Revision 2

05

PROTOTYPE

Prototye is a demo of what a website or app will look like when it goes live
- Prototype with key user
- Discuss issues with client
- Presentation
- Finalize prototype

06

DEVELOPMENT

S5 Remote Work 1

- Review notes and info
- Review the design file
- Prepare (create staging website, set up WP form, font/ color, main template, add woocommerce, create user profile, seperate CSS/ Javascript, add cart page, check out page, setup products/ category/ attributes. Set up customer, shipping payment…)
- Coding Homepage for Desktop
- Coding Homepage for Mobile
- Coding Other pages for desktop
- Coding Other pages for Mobile

07

TESTING

S1 Online Distance Learning 3

- Send Staging website for client
- revise 1 based on client's feedback
- Send website revision
- revise 2 based on client's feedback
- Finalize both design and development
- Optimization

08

MIGRATION

Hosting

- Install all in one migration
- Create file from staging site
- Create new site on host server
- Install all in one migration on live site
- Import download file
- Test Website

09

LAUNCHING

Startup 12

It's time to on-air website!!!!!

10

WEBSITE DELIVERY

S4 Youtube 1

Send CMS video

S1 Online Distance Learning 3

send hand-over document

RECURING SERVICE
Maintenance

Maintenance service includes:


- Wordpress and Wordpress plugin updates & maintenance
- Security checks & Updates
- Monthly website backup, 1 month backlog
- Internal link maintenance - finding & fixing all 404 links
- Monthly maintenance report with Google Analytics report

Recuring Services
envelopeuserphone-handsetcross linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram