Branding Process
Deep listen to the client’s request & visualize beyond the expectation.
1. Project Setup
Define the problem, purpose & goal
At first, the client and I both need to understand what the problems are, where the client wants to go. Define the problem and goal. This process always applies to any project. I also make sure the purpose of work and how to measure the project.
2. Research
The process for improving output quality
I need to thoroughly understand your business, customer, their expectations and behavior, and how your brand factors communicate with them. I will also look at the competitive customer touchpoints, such as Facebook, Twitter, Instagram and LinkedIn.
3. Brand Attribute
Identify the personality traits of the brand
Brand Attributes are the core values that define the company and represent the essence of the brand. They’re the set of fundamentals and characteristics that identify the personality traits of the brand in the market and in the minds of the customers.
4. Logotype
The name of a company that is designed in a visually unique way
A logotype is the name of a company that is designed in a visually unique way for use by that company. It uses a special typeface and letter styling, which becomes associated with a brand. These include PMS colors and how much empty space is required around a logo.
5. Logomark
The face of the company & display as ID on social media
A logomark is the face of the company. A logomark doesn’t generally contain the name of the company, it more abstractly represents that company. It enhances brand identity and helps consumers identify what your business is about.
6. Colour Pallete
Represent a brand personality & message
In color theory, a color scheme is the choice of colors used in a design for a range of media. Color schemes are used to create style and appeal. I will generate your brand color through industry-standard, suitable and uniqueness of your brand.
7. Font Setting
Keep consistency of voice and tone
During you build a brand, you have to communicate with audience directly or indirectly. Either way, you have to keep consistency, the same voice and tone. Primary & secondary fonts are chosen to display your brand voice in print/web media.
8. Application
Display how your brand identity look like in the real world
At this point, you developed brand identity. I would like to make sure how it works in a real situation. In general, I create a business card, Email signature, flyer, brochure, poster, banner, T-shirts, etc. I also create social media usages, Facebook, Twitter, Instagram and LinkedIn. This depends on what you need.
9. Style Guide
A clear & cohesive way that reflects the brand
The purpose of a style guide is to make sure that multiple contributors create in a clear & cohesive way that reflects the corporate style and ensures brand consistency with everything from design to writing. It writes usage of brand identity, exclusion zone, incorrect uses, color pallet, fonts & mockup.
Web Design Process
Maintain the direction at each steps & focus on the target audience.
1. Project Setup
Define the problem, purpose & goal
At first, the client and I both need to understand what the problems are, where the client wants to go. Define the problem and goal. This process always applies to any project. I also make sure the purpose of work and how to measure the project.
2. Research
The process for improving output quality
I need to thoroughly understand your business, customer, their expectations and behavior, and how your website factors into all of it. I will also look at the competitive landscape to establish context and benchmarks for how your site should function.
3. Moodboard/Stylescape
Visualize the result of research and display the directions
I observe a lot of information about your business, industry and tendency through research. I visualize those information, words to picture. The moodboard also helps us to discover the project’s direction and align the vector at the early stage of the project.
4. Wireframing
Appearing the volume of pages and contents
Wireframing helps us to see the volume of contents, pages, text and images. While it’s not nearly as detailed as the final site will be, wireframing give us a visual representation of the site’s overall layout.
5. Prototype
Transform wireframing to high-fidelity design
I incorporate a copy, images, and graphics on wireframing. I design high-fidelity comps that show what the final design is. It will prioritize which device first for a target audience, on desktop, tablet, or smart-phone. I will be providing up to two rounds of revisions on the design.
6. Development
Visualize prototype into the real online platform
Once we agreed on the prototype design, I start building a website by WordPress/Webflow. Both software is client-friendly CMS(Content management system). The client can update themselves. I can edit both platform by HTML & CSS.
7. Testing
Provide seamless experience by responsive web
Once I have finished development for a 1st round, I will ask you to walk through on the website. You may want to modify some details. I will take care of it up to 3 rounds. I use various tools to benchmark your site for loading, responsiveness, and speed.
8. Deployment
Be public, build brand & focus on sales
Finally, your website will be on the public. I will make sure your online platform, Facebook, Twitter, Instagram, or LinkedIn expresses the same atmosphere, voice and tone. I will be able to monitor and report your website as optional.
9. Support
SEO, digital marketing & reach target audience
The launch is not a goal. This is a real start. I recommend retaining my services after the site is launched to assist with any further support issues that arise. As part of this retainer, I will also provide monthly analytics reports and improve your site conversion.
Let’s Work Together
Tell Me More About Your Project.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
