Fruity Cider

"The project was born from the need to create an Organized and Well-Structured portfolio, where I can show my knowledge of Case Studies about User Experience in a clear, simple, and objective way. My main objective is to demonstrate my Study Methodologies and professional skills, showing the steps from the Briefing, User Research, the creation of Wireframes, and how I develop the project in Figma until the final Prototype."
‍
I really hope you like it 💚

DESIGN RESEARCH AND EXPLORATION

After analyzing some articles and studies, I decided that the best thing was to develop a page with intuitive navigation, smooth transitions, good interaction, and fast loading, focusing on presenting the product in the time the user spends visiting a website.

• Intuitive Navigation: Users can easily navigate between slides by moving the mouse.‍
  ‍
• Smooth Transitions: Create smooth transitions between slides to provide a pleasant and professional visual experience.
  ‍
• ‍Fast Loading: Optimize slider performance to ensure quick loading of images and content, improving user experience and reducing bounce rates.
  ‍
• ‍Flexible Customization: Allow site administrators to easily add, remove, and rearrange slides through an intuitive control panel.
  ‍
• ‍SEO Friendly: Implement SEO best practices, including alt text for images and optimizing your code, to ensure you rank well in search results.

PROCESS

Planning and Structuring

• Define the requirements and objectives of the slides, such as content, theme, and target audience.
• Structure the arrangement of elements on the slides to ensure a coherent and easy-to-understand presentation.

Visual Design

• Use Adobe Illustrator and Figma's vector drawing tools to create visual elements such as icons, illustrations, and graphics.
• Apply gradients to add depth and style to elements, ensuring visual consistency across your presentation.
• Use shadows and blur effects to create layers and highlight specific elements, creating a sense of depth and realism.

Use of Components and Variants

• Create reusable components for recurring elements, such as headers, buttons, and text boxes, ensuring consistency and facilitating maintenance.
• Use variants to create variations of these components, allowing for quick and efficient adaptations as needed.

Prototyping and Interactive

• Create interactive prototypes to simulate the user experience, allowing visualization of the navigation flow between slides.
• Add links and hotspots to create interactivity, allowing users to navigate between slides or access additional content.

BENEFITS OF THE PROJECT

In a web page with intuitive design, the elements are built and organized for natural and effortless user interaction, making information access, navigation, and transactions seamless.