VERANO

Client

University's Project

Category

UI/UX, WEB DESIGN

Tools

Figma, Photohop

Alice Camera

Alice Camera is a website for an innovative AI-powered camera designed for content creators. It showcases the camera’s advanced features, helping users understand its capabilities and make informed purchase decisions. The platform provides a seamless journey from discovery to purchase, emphasizing the benefits of AI-driven photography and videography.

The interface is modern and intuitive, balancing a sleek, professional aesthetic with user-friendly navigation. Designed in Figma, the process began with user flow mapping, followed by low-fidelity wireframes and high-fidelity designs. Finally, the website was built in Webflow, ensuring a smooth and responsive experience across devices.

Client

Alice Camera

Category

UI/UX, wEB DESIGN

Tools

Figma, Webflow
Preview

Challenge & Key Objectives

Challenge

Create an educational and user-friendly platform for booking child therapy services.

Challenge

Create an educational and user-friendly platform for booking child therapy services.

Challenge

Effectively showcasing high-end the Alice Camera in a way that highlights it features and quality.
Ensuring that the online shop provides a smooth and intuitive navigation experience for users.
Implement a user-friendly checkout system with clear steps and secure payment options.

Key Objectives

Develop a clean and easy-to-navigate design that allows users to quickly find and order the Alice Camera.
Present detailed information and images of the Alice Camera to clearly communicate their quality and benefits.
Ensure the checkout process is streamlined and efficient, making it easy for users to complete their purchases without complications.
Design a warm and inviting interface.

Research & User Insights

Step 1

Userflows examples

User flow

I created user flows to map out key interactions, such as the buying process. These flows clarified the user journey and ensured a smooth experience for the clients.

Step 2

Mid Fidelity Wireframes examples

Mid-Fidelity Wireframes examples

These wireframes represent the mid-fidelity design stage, focusing on layout and content structure. Key changes include the refined navigation and content placement.

Step 3

High Fidelity Wireframes examples

High-Fidelity Wireframes examples

The high-fidelity wireframes incorporate detailed design elements, including colors, typography, and interactive components. These designs were finalized based on feedback and testing.

More work

Anemomiloi

UI/UX, WEB DESIGN

Votanol

BRANDING, PRINT