PDF Presentation
AI Incorporation
CHATGPT
Asking for information about bounce rates, image optimization within the photos (potentially causing lag), and conversion data.
Asking about potential warnings to place within the highlighted, mock item, along with brew strength information for more accessibility mock-ups.
DEEPAI
With no photos of their workers, I mocked up images with DeepAI to give face to their staff and therefore come off as more welcoming in their “About Us” page and employee recruitment section.
RELUME
I also used Relume for my wireframes, and asked ChatGPT many, MANY questions on analytics such as Doutor‘s website bounce rate, color contrast accessibility within my pages, and information regarding typical Japanese pricing, along with coffee brewing and strength, since I was unfamiliar with the topic.
Doutor’s Cafe Lait Original Formatting + AI Information
Result
Combining the original and suggested ideas, I placed a better translator (using script variables), placed all three potential prices, different images showing the (available from Google Reviews) sizes, and a light/dark mode switch (color variables).
Responsive Design + Prototypes
Please feel free to look at the project firsthand! It is very interactive, and I put plenty of effort into both variables and component-making!