UX/UI Designer

& Photographer

A website that leaves

a lasting impression!

01

Ux/ui design

Visually stunning web designs that captivate your audience by blending your brand voice and customer needs.

03

Photo

  • Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

Project in mind?

Let’s make your

Idea shine

usability improvements

The Process

Animal Tracker Accessibility Redesign

Max Planck Institute of Animal Behavior

01

Context & Problem

Animal Tracker is a GPS-based app used by scientists and enthusiasts to track animals in real time. However, it lacked essential accessibility features such as screen reader support, voice navigation, and motor-friendly adjustments. Additionally, its interface was complex, making it challenging for non-expert users.

Our goal was to enhance accessibility and usability without compromising its advanced functionality.




2 Hours

WE need a plan

Research & Key Findings


We conducted a heuristic analysis and competitive benchmarking, identifying major usability issues:

🔹 Heuristic Analysis:

  • Unclear system feedback and notifications.

  • Non-intuitive icons and labels.

  • Lack of undo/edit options for recent entries.

  • Key features hidden in unintuitive menus.

  • No error prevention or clear error messages.

🔹 Competitive Analysis:
Compared to Merlin Bird ID, eBird, and Naturalist, we found:

  • Lack of accessibility features across similar apps.

  • Specialized interfaces that hinder usability for non-experts.



2 Weeks

02

03

Some Magic

Proposed Solution


Our redesign focused on accessibility, navigation, and usability improvements:

2 Weeks

✔ Screen reader and voice navigation support.
✔ Clear labels and intuitive icons.
✔ Optimized navigation, highlighting key functions.
✔ Confirmation prompts to prevent irreversible actions.
✔ Quick shortcuts for frequent tasks.
✔ Clear error messages with solutions.
✔ Integrated help section accessible from any screen.

More Magic

Design & Testing Process

We refine the visual language and structure of the website, ensuring an intuitive, accessible, and aesthetically engaging experience.

2 Weeks

Wireframing & Prototyping: Created low and mid-fidelity designs.

  • Usability Testing: Gathered feedback from expert and non-expert users.

  • Iteration: Refined navigation and information hierarchy.

  • Accessibility Collaboration: Ensured compliance with accessibility standards.

04

05

Ready to go

Impact & Results

This redesign transformed Animal Tracker into a more inclusive and efficient tool, bridging the gap between scientific functionality and user-friendly design.

2 Hours

Improved Accessibility: Full compatibility with assistive technologies.
Enhanced Usability: Intuitive navigation for all user levels.
Error Reduction: Clear confirmations and helpful messages.
Increased Adoption: Higher engagement from beginner users.

The Process

Your Wellness App in 5 Steps

Our process ensures that we create a wellness app tailored to the needs of young adults experiencing chronic pain.

01

Do we Match?

Understanding the Problem

Before starting, we need to deeply understand the problem space. What are the specific challenges young adults face regarding chronic pain? What solutions currently exist, and where do they fall short?

2 Hours

Conducting user interviews and surveys

Defining user pain points and frustrations

Identifying gaps in existing wellness solutions

WE need a plan

Research & Strategy

With insights gathered, we define a clear strategy that aligns with the users' needs and market opportunities. This phase establishes the foundation for a user-centric and effective wellness solution.

2 Weeks

Competitor analysis and market research

Defining the core values: Peaceful, Mindful, Stretching, Healthy

Creating user personas and journey maps

02

03

Some Magic

Ideation & Design

This is where creativity meets strategy. We brainstorm and prototype different design solutions to ensure a seamless and engaging experience for our users.

2 Weeks

MVP and wireframing

Mid-fi prototyping and usability testing

More Magic

Development & Refinement

We bring the designs to life by developing a functional prototype, integrating user feedback, and refining features to enhance accessibility and usability.

2 Weeks

Building interactive high-fidelity prototypes

Conducting iterative usability tests

Refining UI elements and interactions

04

05

Ready to go

Finalization & Launch

The last step ensures that users can easily navigate and benefit from the app. We finalize the onboarding experience and create educational materials to empower users.

2 Hours

Personalized onboarding walkthrough

Final usability optimizations

Preparing for launch and user adoption

  • Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

Project in mind?

Let’s make your

Website shine

Premium web design, development, and SEO services to help your business stand out.

The Process

Your Website Enhancement in 5 Steps

Our process ensures that we improve the 4llaves website, enhancing user experience and functionality based on research and strategic design.

01

Do we Match?

Understanding User Needs

Before making changes, we analyze the current user experience and identify key pain points in navigation, content discovery, and interaction.

2 Hours

Conducting user research and interviews

Identifying usability issues and frustrations

Evaluating accessibility and responsiveness

WE need a plan

Research & Strategy

We gather insights from competitors, industry standards, and user expectations to establish a clear roadmap for improvement.

2 Weeks

Competitor benchmarking

Defining key areas for website enhancement

Creating user personas and journey maps

02

03

Some Magic

Wireframing & Prototyping

We translate our research into tangible solutions through interactive wireframes and usability testing to validate our approach.

2 Weeks

Low-fidelity wireframing

Mid-fi prototyping and user testing

Refining navigation and user flows

More Magic

UI Design & Development

We refine the visual language and structure of the website, ensuring an intuitive, accessible, and aesthetically engaging experience.

2 Weeks

Designing high-fidelity UI mockups

Implementing responsive and accessible design principles

Interactive prototype development

04

05

Ready to go

Presentation & Feedback

Since the website has not yet been implemented, we focused on presenting the proposed design and gathering feedback for future iterations.

2 Hours

Presenting the final prototype

Collecting stakeholder and user feedback

Refining the design based on insights

  • Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

    +++

    Let's Talk

Christian Occhiello

Christian Occhiello

I’m a UX/UI designer with a unique background in psychology, photography, and customer support. My approach is based on empathy and deeply understanding users to design intuitive and functional digital experiences.


I’m passionate about design, creativity, and visual storytelling. In my free time, I enjoy photography and exploring how emotions can be translated into digital interactions.

What my

clients say

See what my clients have to say about working with me and the results I helped them achieve.

Working on improving the Cuatrollaves website has been an incredible process.

The detailed research and strategic approach have resulted in a proposal that truly enhances the user experience and the brand's digital identity. The dedication and professionalism at every stage, from research to the final design, have been exceptional. I am very satisfied with the outcome and excited about the impact it will have on our online presence. Highly recommended!"

Carlos zabaleta

4Llaves