Web Design

Description

Job Summary: The candidate must have experience in design for various platforms, with a focus on user experience and SEO optimization, as well as proactivity and commitment. Key Highlights: 1. Experience in design for various platforms and media. 2. Focus on Customer-Centered Design, UX, and UI. 3. SEO optimization and trend monitoring. 1\.0 Experience in design for: 1\.1 Visual identity and basic stationery; 1\.2 Digital marketing; 1\.3 Social media; 1\.4 Printed materials; 1\.5 Image editing; 1\.6 Websites and applications; 1\.7 Video and animation editing; 1\.8 Signage and visual communication; 1\.9 Being proactive; 1\.10 Having a sense of urgency; 1\.11 Commitment to quality and delivery deadlines; 1\.12 Agility; 1\.13 Agency experience is a major advantage; **1\.0 Customer-Centered Design** 1\.1 Understanding the target audience, briefing analysis, and client study; 1\.2 Analyzing users' needs and behaviors on the website; 1\.3 Developing designs aligned with the brand’s visual identity and project objectives; 1\.4 Creating designs that meet client expectations; 1\.5 Defining and applying a color scheme according to the brand’s style guide; 1\.6 Creating images and other interactive resources (videos, animations, audio); 1\.7 Developing layout and content composition for experimental prototypes (Figma app); 1\.7\.1 Responsive layout for desktops, tablets, and smartphones; 1\.7\.2 Visual style prototype, navigation, conversion paths, and interactions; 1\.8 Layout (prototype) presentation meeting with the client in the Figma app, 1\.9 Feedback, alignment, and adjustments: 1\.9\.1 Incorporating client and user feedback into the design process; 1\.9\.2 Making adjustments when necessary; 1\.9\.3 Ensuring the final product aligns with project objectives. 1\.10 Layout approval by the client (signed approval document from the client); **2\.0 Responsive Design** 2\.1 Developing layouts adaptable to different screen sizes; 2\.1\.1 Computers, tablets, and smartphones; 2\.2 Ensuring a good navigation experience across all devices; 2\.3 Conducting responsiveness testing to optimize and fine-tune the design; **3\.0 User Experience (UX)** 3\.1 Developing layouts and designs focused on usability; 3\.2 Planning interfaces with clear and intuitive navigation; 3\.3 Prioritizing clarity and efficiency in information presentation; 3\.4 Mapping the user flow; 3\.5 Planning how site visitors interact with different elements; 3\.6 Ensuring a smooth user journey from entry to conversion; 3\.7 Prototyping and usability testing to identify potential areas for improvement. **4\.0 User Interface (UI) Design** 4\.1 Selection of colors, fonts, and graphic styles: 4\.2 Defining color palette, typography, and graphic styles according to brand identity; 4\.3 Creating UI components such as buttons, forms, menus, and icons; 4\.4 Ensuring visual consistency and ease of interaction. **5\.0 Production of digital assets** 5\.1 Developing or adjusting design-related assets such as: 5\.1\.1 Graphics, logos, banners, icons, and other images; 5\.2 Improving website performance; 5\.2\.1 Optimizing images for fast loading without sacrificing quality; **6\.0 Collaboration with Developers and Technical Team** 6\.1 Communication with the Technical Team: 6\.1\.1 Collaborating closely with web developers; 6\.1\.2 Ensuring accurate implementation of visual design; 6\.1\.3 Ensuring functionality aligns with the design plan; 6\.2 Providing Files and Specifications: 6\.2\.1 Delivering prototypes, mockups, and other visual materials; 6\.2\.2 Providing guidelines so developers can code in accordance with the design. **7\.0\. Proficiency in Design Software** 7\.1 Using tools such as Adobe XD, Figma, Sketch, Photoshop, Illustrator, and others; 7\.2 Prototyping and collaborative tools; 7\.3 Creating interactive prototypes for testing and presentation; 7\.4 Enabling clients and developers to interact with the design before coding. **8\.0 SEO (On\-Page) Optimization** 8\.1 SEO-Compatible Design: 8\.1\.1 Working with elements that support search engine optimization; 8\.1\.2 Proper structuring of headings (H1, H2, H3\); 8\.1\.3 Using alternative text for images and link architecture. 8\.2 Best Practices for Accessibility: 8\.2\.1 Ensuring accessibility for diverse audiences, including people with disabilities; 8\.2\.3 Improving usability and also search engine rankings. **9\.0 Trends and Innovations** 9\.1 Staying updated with the latest web design trends and UI/UX techniques; 9\.2 Innovating visual experience to enhance user experience and site aesthetics.