Final Worksheet

1 | develop your idea

My main goal for building a website for the app Luua is to showcase a digital storefront, offering a preview of Luua's capabilities, fostering user engagement, and driving app downloads. Luua aims to address the challenge of providing accessible mental health solutions through a unique blend of creativity and therapy.The problem is the lack of accessible and engaging platforms for individuals to explore their creativity while improving mental well-being.

2 | discovery & research

I looked at different websites while doing my research, specifically focusing on apps related to mental health and art therapy. During this investigation, I noticed that apps like Calm and Headspace do a good job of including meditation techniques. On the other hand, platforms like Artbreath seamlessly combine art therapy and creative expression. The research showed that people using mental health apps prefer designs that are clean and calming. It also found that successful websites prioritize easy navigation and attractive interfaces. These findings reminded me how important it is for Luua's website design to stand out in the market and appeal to users who want a balance between mental well-being and creative exploration.

headspace

Headspace, a leader in mindfulness and meditation, has designed a website that captures the spirit of its guided meditation app. The main page combines eye-catching images with soothing colors, creating a sense of balance that aligns with mindfulness principles. The website prioritizes user experience by using simple design features and an intuitive interface, making it easy for both beginners and experienced meditators to navigate. Inclusivity is also emphasized, as the website seamlessly incorporates various meditation programs, reflecting the app's dedication to making mindfulness available to everyone.

calm

The website design of Calm, a popular app for meditation and relaxation, creates a peaceful online oasis. With its calming colors and straightforward layouts, Calm's website reflects the app's dedication to promoting inner peace and mental health. The main page acts as a gateway to a simple experience, welcoming visitors with soothing visuals and easy-to-use navigation. Like the app itself, Calm's website exudes simplicity and clarity, showcasing its features and advantages in a harmonious digital space.

artbreath

Artbreath, a platform at the intersection of art and mental well-being, presents a website that serves as a canvas for creative exploration. They have this website that's like a blank canvas for you to get creative with. When you first land on the site, it's like walking into an art gallery. You can see all kinds of different artwork and it really shows how art can help us feel better mentally. The colors they use and the way everything is laid out makes you feel like you're in an actual art studio. And if you check out their portfolio section, not only does it show off what the app can do, but it also proves just how powerful art can be in transforming someone's life. It's a beautiful blend of their clients' work and the Artbreath team's own style.

3 | target audience

Luua caters to a diverse and inclusive audience, embracing individuals of all ages, genders, and backgrounds who share a common desire for holistic well-being, self-expression, and personal growth through the transformative avenues of creativity and mindful practices. Whether you're a busy professional seeking stress relief, a student navigating the challenges of academic life, an artist longing for new avenues of self-expression, or anyone on a journey toward improved mental health, Luua welcomes individuals from every walk of life. The app is designed to resonate with those who seek a harmonious blend of creativity and mindfulness in their daily lives, fostering a community where the pursuit of holistic well-being is both inclusive and accessible to all.

4 | inspiration & concepts

moodboard

5 | thumbnails & sketches

sketch

6 | wireframes & prototypes

prototype1 prototype2

7 | responsive mockup

Link to:Responsive Mockup file .

8 | photoShop comp

photoshop