Website DesignDaniyal Ali
So if you're a small business or an established one who needs a brand new website or simply a refresher as per new trends and needs, Well, this is for you!
How It Will Work🤝
Part 1: Meet’n’Greet (Zoom or google meet)
We'll arrange a Meet so we can get to know each other
We'll learn about your brand's needs & goals
We'll come up with a timeline together
Part 2: Ideation and Brainstorming (Miro)
Sitemap & Info Architecture: We discuss the structure of the site and figure out the number of pages needed.
Structure: We then move on to sketches, wireframes, and user flows. I will work and present on an agreed-upon date. We then lock the structure in place.
Part 3: Design (Figma)
Mood board: I will present 2 mood boards, based on your brand’s appeal. You can provide feedback and choose which one works best.
Content: I will need you to provide all the content beforehand so the designs are in sync with the message you want to deliver. In case of no content, I will use filler copy (dummy copy), you will be then required to fill in the actual copy.
Designing: I will design the web pages (typography, images, icons, layout, colors, interactions, etc.) and present pages as they are completed for feedback and review - again on agreed-upon time.
Prototyping: The completed design will be turned into an interactive prototype for testing purposes.
Finalization: This is where we conclude any final changes in design.
Part 4: Delivery (Figma & Google drive)
File & Assets Sharing: I will share all the files and assets (typefaces, icons, images - high resolution and optimized, color palette, etc.) used with you or your development team. They will be properly structured and arranged for them to use.
Let’s get started!🚀
What's included
Figma File
A detailed Figma file containing Website in Desktop, tablet and mobile sizes. Along with all the assets used. Type, visual assets and documentation.
Sitemap and Information Architecture
A sitemap is a visually organized model of all the components and information contained in a digital product. It represents the organization of an App or site’s content.
Interactive Prototypes
A click-through experience of the finished work. This will help guide the viewer/collaborator on how all the flows are connected.
Style guide and Specifications for Developers
A style guide is for making sure designs are implemented consistently across branding, visual styles, colors, fonts, and typography. It’s also used for design patterns, language, rules (such as keyboard shortcuts and data display rules), and specifying UI behaviors (such as error handling).
Example work
Daniyal's other services
Starting at$3,000
Tags
Adobe Illustrator
Adobe Photoshop
Figma
Product Designer
Visual Designer
Service provided by
Daniyal Ali Pakistan
Website DesignDaniyal Ali
Starting at$3,000
Tags
Adobe Illustrator
Adobe Photoshop
Figma
Product Designer
Visual Designer
So if you're a small business or an established one who needs a brand new website or simply a refresher as per new trends and needs, Well, this is for you!
How It Will Work🤝
Part 1: Meet’n’Greet (Zoom or google meet)
We'll arrange a Meet so we can get to know each other
We'll learn about your brand's needs & goals
We'll come up with a timeline together
Part 2: Ideation and Brainstorming (Miro)
Sitemap & Info Architecture: We discuss the structure of the site and figure out the number of pages needed.
Structure: We then move on to sketches, wireframes, and user flows. I will work and present on an agreed-upon date. We then lock the structure in place.
Part 3: Design (Figma)
Mood board: I will present 2 mood boards, based on your brand’s appeal. You can provide feedback and choose which one works best.
Content: I will need you to provide all the content beforehand so the designs are in sync with the message you want to deliver. In case of no content, I will use filler copy (dummy copy), you will be then required to fill in the actual copy.
Designing: I will design the web pages (typography, images, icons, layout, colors, interactions, etc.) and present pages as they are completed for feedback and review - again on agreed-upon time.
Prototyping: The completed design will be turned into an interactive prototype for testing purposes.
Finalization: This is where we conclude any final changes in design.
Part 4: Delivery (Figma & Google drive)
File & Assets Sharing: I will share all the files and assets (typefaces, icons, images - high resolution and optimized, color palette, etc.) used with you or your development team. They will be properly structured and arranged for them to use.
Let’s get started!🚀
What's included
Figma File
A detailed Figma file containing Website in Desktop, tablet and mobile sizes. Along with all the assets used. Type, visual assets and documentation.
Sitemap and Information Architecture
A sitemap is a visually organized model of all the components and information contained in a digital product. It represents the organization of an App or site’s content.
Interactive Prototypes
A click-through experience of the finished work. This will help guide the viewer/collaborator on how all the flows are connected.
Style guide and Specifications for Developers
A style guide is for making sure designs are implemented consistently across branding, visual styles, colors, fonts, and typography. It’s also used for design patterns, language, rules (such as keyboard shortcuts and data display rules), and specifying UI behaviors (such as error handling).
Example work
Daniyal's other services
$3,000