Tan Cacao
UX Graphic Design
2024
Website and E Commerce design.
Social media content creation
A project that came to me from the need of a brand of artisanal chocolates to reach more people and increase their sales. It started as just a web and e-commerce design project, but as the client's needs grew, it expanded to include graphic design, content creation, photography, and multimedia content.
Currently, this brand has seen a boost in its local and online sales, as well as growth in its social media followers. Fortunately, we continue to collaborate as client-designer in the areas of graphic content advice for social media, video editing, and website updates for SEO optimization.
PROCESS:
These are some of the steps I took during the web design part:
-
Client Briefing: Where we learned about the needs of their brand.
-
Research: Investigated trends, competitors, and developed a mood board for inspiration for the website.
-
Iteration: Constant reviews with the client to ensure that expectations were being met.
-
Site Map and Wireframes: Created low-fidelity wireframes to outline the structure and layout of key pages.
-
Sketching: Developed sketches to visualize the overall design of the page.
-
Information Architecture (IA): Define the structure and organization of content on the website.
-
Prototyping: Build interactive prototypes (low-fidelity to high-fidelity) to test and refine design ideas.
-
Visual Design: Develop the visual style, including color schemes, typography, and imagery, to align with brand identity.
-
Usability Testing: Conduct tests with real users to evaluate the usability and effectiveness of the design. Collect feedback and identify areas for improvement.
-
A/B Testing: Compare different design variations to determine which performs better in terms of user engagement or conversion rates, making sure the design is responsive.
-
Collaboration with Developers: Work closely with developers to ensure the design is accurately translated into a functional website using tools like Shopify and Framer.
-
Pre-Launch Review: Conduct a final check to ensure everything is functioning correctly and meets quality standards.
-
Deployment: Launch the website and monitor its performance.
-
Performance Monitoring: Track metrics such as user behavior, conversion rates, and feedback to assess the website’s effectiveness.
-
Ongoing Improvement: Use insights from performance data and user feedback to make iterative improvements and updates.
-
Design Documentation: Provide documentation of design decisions, guidelines, and assets for future reference and maintenance.
Type: UX Web design, graphic design and social media content creation
CHALLENGE:
Develop the web design for a chocolate brand. Add value to the brand with social media content creation.
APPROACH:
User Centered Design
Briefing
Brainstorming
Design Thinking
Prototyping
Wireframes
Information Architecture
Testing
Responsive design
Shopify
Framer