Portfolio YeliWeb - Webdesign & Audiovisual

Webdesign & Audiovisual Portfolio by Yéli Bengochea

About me

For the past five years, I have focused on designing interfaces for applications and websites. I have collaborated on a variety of innovative and challenging projects, employing principles and techniques in UX/UI design. My background in media communication and translation has equipped me with a strong understanding of effective communication, attention to detail, and collaborative support, enabling me to create designs that focus on being functional and meaningful. My goal is to continue making a positive impact through solutions that enhance user experiences and boost collaboration among creative professionals, while continuously learning new skills in the vast digital landscape.

In addition to my passion for design, I have a profound interest in audiovisual creation. In my early career I worked at a television station, where I spent ten years doing copywriting, translation and editing visual and audio content. Additionally, I have dedicated several years to voice-over recording, singing, and producing sound for professional and particulars projects.

I believe that design and music are not merely professions; they are powerful forms of communication that can touch lives and create unique experiences.

Focal points in my design work

My approach to user-centered- design

Creating digital interfaces is more than just crafting visually appealing layouts; it’s about connecting together design and user experience ideas to produce satisfaction. My design process begins with the understanding of the needs and behaviours of the final users. My focus is not only to achieve functional requirements but also to inspire and to improve usability.

I prioritise these concepts and put a lot of emphasis on researching and self-learning in order to deliver solutions that change in a positive way the whole experience.

1. Empathize and analyze

The first step for me is to analyze the user flow.

Define overall structure and arborescence of the product interface.
Identify key elements such as, navigation challenges, target personas, intuitive affordances, and touch points.

2. Identify techniques

Identify tools and design techniques necessary for creating:

Accessible and user-friendly interfaces
Responsive webdesign for mobile or desktop navigation.

3. Translating ideas

Use different design tools to create interfaces that align with specific goals:

Vector graphics
Prototyping software
Frontend UI frameworks

4. Testing solutions

From ideation to prototyping, testing is focused on delivering solutions that not only meet client goals but also prioritize the user’s perspective.

Application of user-centered design principles throughout the process.
User flow functional and engaging for creating intuitive experiences.

Wireframes & Prototyping Projects

From my internship training period to the various roles I’ve held as a webdesigner and coach, I have contributed in a diverse range of design and audiovisual projects.

I use a range of tools like vector graphics and bitmap design applications (Adobe Suite), as well as prototyping platforms such as Figma and Adobe XD, complemented with frontend UI frameworks, other design tools and coding languages (HTML, CSS, JS) to keep up to date with trends and technics in the field.

For more details about theses and orher projects, please fill in the contact form below

Visual Design

Brand identity solutions for projects and businesses

Music Project logo

Music Project Logo

Logo and illustration for outfit products

Logo and style guide for website

Painter artist logo

Visual for cover CD & logo for music project

Logo music project

Design of logo and packaging label for a business selling honey based products

Webdesign & Integration

As a web designer, I have experience working with WordPress integration and development for various projects, including showcase and e-commerce websites. I focus on creating and/or customising trendy and modern website themes that engage visitors and provide an effective user experience.

In addition to aesthetics, I prioritize the inclusion of dynamic components and enhancing the website accessibility and responsiveness. I also integrate SEO strategies into the process to ensure interfaces are optimized for search engines. By researching and applying best practices in development and SEO, I can help to build a strong online presence and communication of the brand identity.

Researching & Benchmarching

Application of different research methods and marketing tools such as, personas, surveys and competitor benchmarking to define the best practices for the project goals.

UX & architecture

Defining the information architecture including the sitemap and user flow to ensure the best practices for usability and conversion.

Mockups & Wireframing

Presenting moodboards and wireframes to help make the experience appealing and engaging.

Design system & identity

Establishing a design system and graphic charter, including the aesthetic elements to produce a brand identity that resonates with the target audience and the personality of the project.

UI integration

Integration and coding of reusable components and creation of dynamic content and interactive elements, including text, images, animations, and graphics.

UX writing & SEO

Standard and advanced Search Engine Optimisation (SEO) technics for better indexation and improved visibility. Translation of content if needed.

I’m also coaching in:

Guiding throughout the website launching process, including the setting up hosting and domain names.
WordPress building process to help the client manage and maintain the website effectively.

Webdesign integration

Webdesign is a process, it's about creating experiences that combine innovation with thoughtful design decisions :

Researching & Benchmarching

Application of different research methods and marketing tools such as, personas, surveys and competitor benchmarking to define the best practices for the project goals.

UX & architecture

Defining the information architecture including the sitemap and user flow to ensure the best practices for usability and conversion.

Inspiration

Presenting moodboards and wireframes to help make the experience appealing and engaging.

Design system & identity

Establishing a design system and graphic charter, including the aesthetic elements to produce a brand identity that resonates with the target audience and the personality of the project.

UI integration & development

Integration and coding of reusable components like headers, footers, navigation menus, popups, and forms, ensuring they follow the established style guide and website structure.

Creation of dynamic content and interactive elements, including text, images, animations, and graphics, to provide an engaging and visually appealing user experience.

UX writing & SEO

Implementation of standard and advanced Search Engine Optimisation (SEO) technics for better indexation and improved visibility in search engine results.

Translation of content from and to English, Spanish and French.

I’m also consulting in:

Guiding throughout the website launching process, including the setting up hosting and domain names.
Coaching and assistance on WordPress building process to help the client manage and maintain the website effectively.

Contact

You have a project in mind ? Feel free to fill out the contact form
to discuss and explore the best solutions.