Myria

A 3-day design exercise

Redesigning key features of a luxury marketplace app.

Context

The task is to address specific feedback received from members and propose improvements to the Myria app.

Redesign specific app features based on the provided feedback and clearly showcase the thought process and design strategy.
Include your thoughts color schemes, typography, iconography, animations, and any other design elements.
Create high-fidelity mockups for the dream feed and community tabs.

Constraints

Access to the product limited to a few screenshots
User feedback consists of a couple short statements.
3-day turnaround!
Work should be submitted as a ready-to-share Pdf presentation.

Design process

Disclaimer

This is is not how I would recommend designing any product in a standard work environment.
Process has been highly condensed and designed for speed due to the exercise parameters.
Key elements such as user research and stakeholders input were not available and should be critical throughout the process.
Still, it was a fun challenge and was mostly meant to show how I would go about generating high-fidelity visuals that would include design strategy recommendations in such a short time frame.

Brand guidelines

Deriving simple brand guidelines from the brand logo and website:

Maintain the font pairing of Amiri and Outfit which creates a balanced typographic harmony.
Build on the existing color palette by introducing a high contrast highlight color.
Use high-quality and cohesive imagery that consistently reflects the exclusivity and sophistication of the brand (any generative AI assets should be engineered to follow those guidelines as well).

Mood board

Collect a series of UI elements aimed at the luxury market.
Balance with samples of modern industry-leading software .
Consider colors, shapes, typography and how they contribute to create the desired visual language of a modern and luxurious feel.

Component library

Create a library of re-usable components and their necessary variants to render all UI elements.
Add variants and properties to quickly and easily publish changes to all instances and speed up design iteration process.

Prototyping and iteration

Create an interactive Figma prototype to visualize and interact with the designs in an actual device.
Adjust typography, paragraph margins and line spacing as well as micro and macro white space in order to:
- Improve legibility and readability
- Achieve the desired visual hierarchy.
Gather feedback from friends and relatives in lieu of proper user testing :-)

The Dream Feed

The current state

"Some members have mentioned that the Dream feed becomes boring after a few uses and is not dynamic enough.

Propose a redesign that makes the Dream feed more engaging and dynamic, keeping in mind the luxurious feel of the brand."

The dream feed consists of a list of offers displayed using the same card element.
It doesn’t offer any other kind of compelling content for the user to explore or interact with.
Repetitive patterns can lead to visual fatigue and a decrease in user focus.
Color scheme, imagery and pattern design contribute to a lack of brightness and contrast.

Break the monotony

Create an engaging feed that not only sustains user interest but also promotes exploration.

Incorporate a variety of formats and types of content to keep the feed engaging.
Structure offers into categories, making it easy for users to find those that match their interests.
Generate content related to user interests and link it to relevant offers, creating navigable bridges.

Add compelling content

Instead of simply presenting a list of products and expecting immediate purchases, integrate compelling content that tells a story and enhances the desirability of the offers.

Aim for a feed that provides value beyond just sales, making it something users will want to browse often and share with others.

Leverage generative AI tools to create content quickly and easily:

ChatGPT prompt: "Write a short article for a travel website about the last unexplored places on Earth. Focus on specific locations that only the super wealthy can have access to".

Midjourney prompt: "Guests are having a great tie drinking champagne and admiring the sights of the sea life aboard a Luxury Submarine Tours in the Maldives, realistic high-quality"

Make discovery effortless

Personalize the feed’s content based on both implicit and explicit user behaviors. This ensures that the feed is tailored to individual preferences, making it more engaging and relevant.
Incorporate call-to-actions that introduce an element of randomness to cater to user boredom, keeping the experience fresh and exciting.
Additionally, make it easy for users to discover content that is more relevant to them by using geolocation, known interests, and the prior activity of members with similar characteristics.

Keep it fresh and scarce

To make offers more desirable, leverage the principles of scarcity and FOMO (Fear of Missing Out):

1. Create Exclusivity and Urgency: Offer early access to a select group of members to foster a sense of exclusivity and urgency.
2. Signal High Demand: Display the number of people currently viewing an offer to indicate high demand.
3. Limit Availability: Provide a limited number of products or restrict access for a certain period to heighten the sense of scarcity.
4. Tie Offers to Events or Seasons: Introduce products available only for a limited time.
5. Use Countdown Timers: Display countdown timers for special deals or release dates to emphasize the limited availability and encourage quick action.

Hi-fidelity designs

Additionally, I provided a light version to give users the control of the theme they want to apply to their experience, while preserving the look & feel of the brand.

The Community

The current state

"The Community tab is underutilized. Users rarely create posts, and
engagement is low. Propose a redesign that encourages more interaction and activity within the Community tab."

The community tab is a simple directory of user profiles and updates related to their activity.
Users can post about things they offer or want but there is no mechanism or incentives to encourage posting.
There is no way to filter or personalize this content.

Increase relevance

Member profiles discovery: Implement features that make it easier for users to discover profiles tailored to their needs and interests, using algorithms that consider their behavior, preferences, and interactions.
Curated content connection: Create and connect content related to members' interests. This encourages browsing and helps users discover common interests and potential benefits from connecting with others.

Make value clear

Onboarding: Introduce users to all the ways they can participate and benefit from their membership.
Hooks: Use clear and compelling call-to-actions that guide users through their first steps and clarify the process upfront to properly set expectations and value.
Highlight benefits of participation: Use engaging visuals and examples to illustrate the value of membership.

Introduce random variable rewards

Implement mechanisms that introduce seemingly random rewards and contribute to building desirable habits.
Motivate actions by including indicators of progress and the concept of goals.
Delight with meaningful gifts and playful reveals