MaazFocuspass
commented
1 year ago I will enhance the quality of images on my website.
I will achieve this by reducing the size of images while maintaining or improving their visual quality and load time.
To accomplish this, I will acquire and implement image optimization tools and techniques, such as image compression and format conversion. I will also invest time in learning best practices for image optimization.
Enhancing the images on my website will lead to a better user experience, faster page loading times, and improved search engine rankings. This aligns with my goal of providing a top-notch online experience for my website visitors.
I will start working on this goal immediately and aim to have all images on my website optimized within the next three months. I will measure my progress by tracking changes in image file sizes, page load times, and user feedback regarding image quality and website performance.
Go to our Figma File Here: https://www.figma.com/file/MluSMq4019ZYbqEGdsTUly/User-Experience?type=design&node-id=113%3A2&mode=design&t=NiSmlKJSqqTsuGNG-1 - Connect your Figma account
Here is our files in Google Drive: Halloween Thumbnails AI Resizing - Google Drive
Design the overall flow of the feature. This would likely include:
A Halloween services page showing the different makeup and hair options
Service detail pages for each makeup/hair service
A checkout flow to select services and pay
Mockups of the Priv pro app showing service details and payout amounts.
Start with low-fidelity wireframes to map out the overall layout and flow. Use rectangles and text to indicate sections like headers, body text, images etc.
Create a style guide with colors, fonts, icons etc. that align with Priv's existing branding.
Start building high-fidelity screens:
Build out the Halloween services page showing thumbnails for each service. Include title, price, short description.
Create detailed service pages for each makeup/hair option. Include full service descriptions, pricing breakdown, example images.
Design the checkout flow with service selection, guest details, payment, confirmation etc.
Mock up Priv pro app screens showing service details like instructions, products needed, payout amount etc.
Add realistic content like images, icons and copy to make the mocks look as real as possible. Get images representing each service.
Create different versions for mobile and desktop layouts.
Prototype interactions like hovers, taps, page transitions to demonstrate the flow.
Export screens and prototype link to share with stakeholders for review.
Iterate on the designs based on feedback.