top of page

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

bottom of page