STELLARIS MVP – A Celestial Digital Art Gallery

STELLARIS is a celestial-themed digital art gallery MVP designed to immerse users in a mythic, neo-fantasy experience. The app blends storytelling, visual exploration, and intuitive interaction to help users discover and curate digital artworks. This case study documents the design of 12 essential screens using AI-assisted workflows, with a focus on prompt iteration, brand cohesion, and usability.

Core Journey & Screen Map

Screen-by-Screen Breakdown

1 - Welcome Screen

Wireframe Prompt

“Generate a mobile wireframe for the welcome screen of a celestial-themed digital art gallery app. Layout: centered brand logo with tagline, full-screen background placeholder, and two buttons (Sign Up, Log In).”

Iteration Prompt

“Refine the welcome screen with a gradient night-sky background, glowing constellation logo, and tagline 'Discover the Infinite.' Buttons should have radiant edges.”

Output

• • Immersive starfield background
  • Glowing logo and elegant tagline
  • Primary/secondary buttons with celestial styling

Thoughts/Intention

This screen sets the tone. Prompting for specific visual elements (e.g., “gradient night-sky”) helped move it from generic to dynamic and immersive.

2/3- Sign Up / Sign In

Wireframe Prompt

“Generate wireframes for Sign Up and Sign In screens. Include email/password fields, social login options, and clear navigation between the two.”

Iteration Prompt

“Style both screens with a celestial theme. Use a dark purple gradient background, glowing input borders, constellation-inspired icons for social logins, and elegant typography. Include brand elements like 'STELLARIS' and the tagline 'Discover the Infinite.'”

Output

• Consistent visual identity across both screens

• Clear form fields with accessible contrast

• Social login icons (Google, Behance, Dribbble, Apple) styled to match the theme

• Footer tagline: Journey Beyond Reality

Thoughts/Intention

These screens establish the brand’s tone and usability from the start. As an art-related app, the social logins include popular visual-related apps such as Dribbble, Pinterest, and Behance. Celestial styling and consistent layout create a seamless entry experience.

4 - Home / Dashboard

Wireframe Prompt

“Generate a wireframe for the home screen. Layout: top nav with logo/search, featured carousel, grid of artwork cards, bottom nav.”

Iteration Prompt

“Add glowing borders to carousel, hover effects on cards, and celestial icons in bottom nav (star, compass, heart, silhouette).”

Output

• Featured carousel with radiant frames

• Grid of artwork cards with consistent styling

• Clear navigation icons

Thoughts/Intention

This screen anchors the experience, giving the user a taste of what the rest of the app has to offer.

5 - Explore/Search

Wireframe Prompt

“Generate a wireframe for the Explore screen. Include search bar, filter chips (themes), and artwork grid.”

Iteration Prompt

“Style filters as glowing chips, search bar with radiant outline, and infinite scroll. Background inspo: deep cosmic gradient.”

Output

• Thematic filters for exploration

• Search bar with celestial styling

• Seamless scroll experience

Thoughts/Intention

Prompting for interaction details (filtering, scrolling) made this screen feel dynamic and intuitive.

6 - Artwork Detail

Wireframe Prompt

“Generate a wireframe for the artwork detail screen. Layout: fullscreen artwork, title/description, favorite button, swipe nav.”

Iteration Prompt

"Add glowing frame around artwork, elegant serif title, swipe indicators, and star icon for favorite items. Background inspo: soft cosmic halo.”

Output

• Immersive artwork view

• Clear metadata and navigation

• Emotional connection through styling

Thoughts/Intention

This screen is the heart of the app, allowing the user to invest in their favorite artist on a deep level. Prompting for typography and framing elevates the experience.

7 - Favorites / Collections

Wireframe Prompt

“Generate a wireframe for Favorites screen. Include tabs (Favorites, Collections), grid of saved artworks, and 'New Collection' button.”

Iteration Prompt

“Style tabs as glowing orbs, cards with star overlays, and 'New Collection' as radiant crystal icon.”

Output

• Organized curation space

• Thematic tabs and icons

• Consistent card styling

Thoughts/Intention

Prompting for metaphoric UI elements (orbs, crystals) helped reinforce the brand’s astro-cosmic tone.

8 - Profile

Wireframe Prompt

“Generate a wireframe for Profile screen. Include avatar, bio, follower/following counts, tabs for uploads/collections.”

Iteration Prompt

“Style avatar with constellation ring, bio in serif font, and tabs as celestial glyphs. Maintain grid consistency.”

Output

• Identity-focused layout

• Community metrics

• Thematic styling throughout

Thoughts/Intention

Prompting for celestial motifs in layout elements made the profile feel personal and branded. Maintaining grid consistency keeps the app familiar to the user as they expect.

9 - Notifications

Wireframe Prompt

“Generate a wireframe for Notifications screen. List of updates with icon, text, and timestamp.”

Iteration Prompt

“Style icons as glowing symbols (comet, star, constellation), cards with soft gradients, and clean typography.”

Output

• Readable, themed notification list

• Iconography reinforces context

• Subtle animations for new alerts

Thoughts/Intention

Prompting for icon metaphors helped keep notification types clear, orderly, and added visual interest.

10 - Settings

Wireframe Prompt

“Generate a wireframe for Settings screen. Include list items (Account, Theme, Notifications, Help, Log Out).”

Iteration Prompt

“Style list rows with glowing icons, theme toggle as sun/moon switch, and background with constellation lines.”

Output

• Clear, accessible controls

• Thematic toggle and icons

• Consistent layout structure

Thoughts/Intention

Prompting for metaphoric toggles and icons give the user flexibility in how they view the app.

11 - Help & Support

Wireframe Prompt

“Generate a wireframe for the Help & Support screen of a celestial-themed gallery app. Include a search bar for FAQs, a list of common questions, and a contact support button.”

Iteration Prompt

“Style the Help screen with a deep purple gradient background, glowing FAQ cards, and a radiant button labeled 'Get personalized help.' Include celestial icons and soft transitions. Add a bottom nav bar with themed icons for Home, Explore, Quick Responses, and Friendly Team.”

Output

• FAQ section with expandable cards (e.g., account creation, uploading artwork, file requirements, password reset)

• Support CTA: Get personalized help button

• Thematic bottom navigation with celestial iconography

• Consistent typography and color palette

Thoughts/Intention

This screen offers trust and accessibility. Prompting for friendly labels (“Quick Responses,” “Friendly Team”) and providing sample questions along with the option to ask for extra assistance transform a utility screen into a branded experience.

12 - Admin Panel

Wireframe Prompt

“Generate a wireframe for the Admin Panel (creator view). Layout: list of uploaded artworks with edit/delete buttons, 'Upload New' button at top.”

Iteration Prompt

“Style artwork cards with glowing frames, edit/delete icons as celestial glyphs, and 'Upload New' as radiant starburst button.”

Output

• Efficient creator tools

• Thematic consistency with gallery screens

• Clear controls for managing content

Thoughts/Intention

Prompting for creator-specific metaphors helped maintain immersion while enabling functionality.

I'm getting used to designing and programming for mobile first, so this project has given me a soft springboard for some of the steps involved. This is also my first MVP. Glad I did this, and thanks for your consideration ♥