Bupeart
The website Bupeart is an artistic portfolio and catalogue of whimsical illustrations and jewelry, for the most mystical users.
The website Bupeart is an artistic portfolio and catalogue of whimsical illustrations and jewelry, for the most mystical users.
The website Bupeart is an artistic portfolio and catalogue of whimsical illustrations and jewelry, for the most mystical users.
Methodology
Atomic Design
Rol
UX UI Designer, Web Designer, Illustrator
Date
2023
The objective of this project was to develope a portfolio with a design that enhanced the illustrations of the artist, making it easy for visitors to navigate and appreciate the artwork. Employing a mystical approach, I crafted a clean, intuitive interface that puts the illustrations at the forefront.
With the use of a responsive design, the portfolio adapts seamlessly to various devices, ensuring a consistent experience for all users.
Through careful selection of fonts, colors, and layout, I aimed to complement rather than overshadow the artwork, creating a harmonious result.
The objective of this project was to develope a portfolio with a design that enhanced the illustrations of the artist, making it easy for visitors to navigate and appreciate the artwork. Employing a mystical approach, I crafted a clean, intuitive interface that puts the illustrations at the forefront.
With the use of a responsive design, the portfolio adapts seamlessly to various devices, ensuring a consistent experience for all users.
Through careful selection of fonts, colors, and layout, I aimed to complement rather than overshadow the artwork, creating a harmonious result.
The objective of this project was to develope a portfolio with a design that enhanced the illustrations of the artist, making it easy for visitors to navigate and appreciate the artwork. Employing a mystical approach, I crafted a clean, intuitive interface that puts the illustrations at the forefront.
With the use of a responsive design, the portfolio adapts seamlessly to various devices, ensuring a consistent experience for all users.
Through careful selection of fonts, colors, and layout, I aimed to complement rather than overshadow the artwork, creating a harmonious result.
The Objective
The Objective
Foundations
Foundations
Foundations
In this project, style was the priority. For this reason, I researched many references and color palettes that could fit in this project.
With the use of Atomic Design, I started by establishing a foundational button design, inspired by the final color palette and typography selections. This strategic process ensured cohesion and consistency throughout the project's interface elements. By adhering to such a methodical approach, we cultivated a visually compelling design framework that harmoniously integrates style and functionality, enriching the user experience.
In this project, style was the priority. For this reason, I researched many references and color palettes that could fit in this project.
With the use of Atomic Design, I started by establishing a foundational button design, inspired by the final color palette and typography selections. This strategic process ensured cohesion and consistency throughout the project's interface elements. By adhering to such a methodical approach, we cultivated a visually compelling design framework that harmoniously integrates style and functionality, enriching the user experience.
In this project, style was the priority. For this reason, I researched many references and color palettes that could fit in this project.
With the use of Atomic Design, I started by establishing a foundational button design, inspired by the final color palette and typography selections. This strategic process ensured cohesion and consistency throughout the project's interface elements. By adhering to such a methodical approach, we cultivated a visually compelling design framework that harmoniously integrates style and functionality, enriching the user experience.
The Website
The Website
The Website
The website 'Bupeart' ended as a powerful homepage with all the information about the art and the artist necessary, plus all the pages necessary like product page, 404 error, 'Contruction' page, etc.
Home
Home
Home
The home with a minimalistic header with 'anchors' of all the home sections, an illustration made by me as a welcoming and a CTA (Call to Action) Button in order to make the users interact with the website.
The home with a minimalistic header with 'anchors' of all the home sections, an illustration made by me as a welcoming and a CTA (Call to Action) Button in order to make the users interact with the website.
I also introduced an illustration portfolio and a jewelry catalogue, in order to make the products available without leaving the homepage.
I also introduced an illustration portfolio and a jewelry catalogue, in order to make the products available without leaving the homepage.
I also introduced an illustration portfolio and a jewelry catalogue, in order to make the products available without leaving the homepage.
I also put a short 'About me' in order to make the users to know the person behind the work, and a contact information in order they want to reach me.
I also put a short 'About me' in order to make the users to know the person behind the work, and a contact information in order they want to reach me.
I also put a short 'About me' in order to make the users to know the person behind the work, and a contact information in order they want to reach me.
Product Pages
Let's work together! Contact me
EXPLORE
Let's work together! Contact me
EXPLORE
Let's work together! Contact me
EXPLORE