UI/UX Design

Case Studies
Minidom
MiniDom
UI Design
Spark
Spark
UX Design
Land of Luxury
Land of Luxury (Coming Soon)
UI Design & Research
Minidom

ROLE

UI Designer

TEAM

Individual Project

DURATION

3 Months

DELIVERABLES

Website & Mobile App
Minidom

MiniDOM

An integrated container home platform—app and website—enabling users to seamlessly explore, order, and install high-quality prefabricated or shell container homes. Designed for convenience, this service offers a streamlined solution for anyone looking to customize and install modular living spaces efficiently, with support for both single-container dwellings and complex multi-container layouts.

With a user-friendly interface, the platform simplifies the entire process, from selecting the ideal container design
to arranging delivery and installation. This comprehensive service caters to those seeking flexible, sustainable housing options, delivering expertly crafted, fully customizable container homes right to their chosen site.

Challenge

The process of designing, ordering, and installing container homes currently lacks a streamlined, accessible solution for individuals and developers alike. With increasing interest in sustainable, modular housing, many face complex challenges such as navigating customization options, securing installation services, and arranging timely delivery. Additionally, standard shipping containers are not inherently designed for residential use, which means significant modifications are often required to meet building codes, ensure insulation, and handle utilities, adding both time and costs to projects.

An integrated app and website solution could transform the container home industry by offering a seamless platform for selecting, customizing, and coordinating the end-to-end process, from order placement to installation. This platform would address key pain points in modular home adoption, making container homes a more viable option for users seeking efficiency and convenience in sustainable housing solutions.

Minidom App Creation
Mobirise Website Builder

Color themes & Typefaces

Using compounded colors with a gold/yellow highlight lends MiniDOM a sophisticated, professional aesthetic while maintaining a contemporary edge. The bold, structured Rockwell typeface, a classic slab serif, perfectly complements the architectural theme, reinforcing strength and precision. For body copy, Avenir is the ideal choice—a modern, versatile typeface that offers a fresh alternative to Helvetica, combining readability with a clean, timeless appeal. This cohesive design approach ensures both visual impact and functionality.

Color scheme
Fonts
Mobirise Website Builder

User Research & Persona

Conducted interviews and surveys with potential users, including homeowners, DIY enthusiasts, and developers. Identify their goals, frustrations, and needs when building container homes.

Website

The platform serves as a central hub for introducing MiniDOM, promoting the app, and engaging users through effective marketing strategies, FAQs, and community outreach initiatives. By providing clear calls to action and informative resources, it ensures users of all ages can easily familiarize themselves with MiniDOM's features and benefits before committing to downloading the app. This thoughtful approach not only creates an inclusive entry point for casual users but also lays a strong foundation for more serious users who seek to maximize the app's full potential.

Webpage 1
Mobirise Website Builder
App

The app seamlessly blends a structured aesthetic with a blueprint-inspired theme, empowering users to step into the role of creator and feel in control of their projects. It offers a personalized experience, allowing users to craft profiles tailored to their unique preferences and requirements. By selecting from various container options, users can design and customize their spaces directly on the platform, previewing their creations before proceeding to inspection and delivery. This streamlined process ensures a balance of creativity, functionality, and professional-grade results, all within an intuitive and user-friendly interface.

Minidom

Solution & Results

MiniDOM successfully addressed key pain points in the container housing industry by offering an intuitive, end-to-end solution for designing, ordering, and installing custom container homes. Users found the app and website streamlined and easy to navigate, which reduced planning and ordering time significantly. Real-time pricing, customization options, and seamless installation scheduling enabled users to make informed decisions, improving overall satisfaction and lowering barriers to adopting container housing. The platform's analytics showed high engagement rates and a notable increase in completed installations, demonstrating its effectiveness in meeting user needs and facilitating sustainable housing solutions.

Mobirise Website Builder

ROLE

UX Designer

TEAM

Individual Project

DURATION

3 months

DELIVERABLES

Website & Mobile App
Mobirise Website Builder

Spark

Introducing an exciting new movie trailer app, designed to bring the latest movie trailers and previews right to your fingertips! With this app, you’ll never have to wait for the latest movie trailers to hit your local theater or TV screen. Instead, you can browse through all the latest movie trailers and previews, right from your smartphone or tablet.

Challenge

Many people struggle to keep up with their favorite movies, either due to busy schedules or forgetting to set reminders. This app/website simplifies the process, ensuring users never miss out by offering easy access to tickets before they sell out and the flexibility to watch their favorite films at a time that works best for them.

Empathize & Define

Competitive Audit

The competitive audit highlights key players like Fandango, AMC, Regal, and Flixster, each targeting similar audiences but with unique strengths. Fandango and Flixster, as direct competitors, appeal to users by offering trusted features like Rotten Tomatoes scores and a large volume of user reviews, respectively. Meanwhile, AMC and Regal, though indirect competitors, enhance their customer experience with perks such as reserved seating and savings on concessions.

This comparison reveals opportunities for differentiation, such as combining audience-favorite features like reviews and recommendations with additional conveniences to stand out. By doing so, a new platform can better address user needs and create a more engaging experience.

Mobirise Website Builder
Mobirise Website Builder

Opportunities

Spark would be more user-friendly. Keeping a small movie list helps people decide quicker. Adding simple payment options, like both online and cash methods, makes booking easy for everyone. Showing trailers automatically when someone hovers over a movie can help them choose faster. Offering special weekend deals encourages more bookings, as most people watch movies during weekends. Finally, having a section just for kids' movies is great because parents often book movies for their children.

Insight

The provided insights highlight the importance of creating meaningful and engaging user experiences across different platforms. AMC emphasizes delivering a unique "AMC experience," which shows the value of focusing on every detail of customer interaction to build loyalty and enhance satisfaction. Similarly, VIZIO focuses on making their products central to the connected home, blending entertainment with lifestyle improvements, demonstrating how innovation can integrate seamlessly into daily life. Together, these approaches reveal that businesses prioritizing customer-centric strategies and immersive engagement are more likely to stand out in competitive markets.

Persona Development

Drawing from comprehensive research insights, I crafted a detailed primary persona that represents our target users, encapsulating their key goals, motivations, and pain points. This persona serves as a clear guide to understanding user behaviors and challenges, helping to align design and development strategies with their needs. By focusing on these critical aspects, the persona provides actionable insights to create solutions that resonate deeply with the target audience and address their core concerns effectively.

Mobirise Website Builder
Mobirise Website Builder
Mobirise Website Builder

User Journey

This user journey highlights a key demographic—film enthusiasts—who are deeply invested in the art and culture of filmmaking. Catering to this passionate niche presents a significant opportunity to revitalize the declining film industry. By emphasizing the immersive and communal experience of watching films in theaters, this approach can reignite interest in traditional cinema and offer an appealing alternative to the convenience of streaming. Such a strategy not only supports the film industry’s recovery but also enriches audience satisfaction by celebrating the unique joy of shared, in-person storytelling.

Ideation

Storyboards

Illustrating the broader vision of how the app and website functions, providing stakeholders and team members with a clear understanding of the user journey. It highlights the big picture by showcasing scenarios where users interact with the platform, ensuring everyone grasps its purpose and value. Zooming in, close-ups of specific features, such as the layout and navigation process for placing an order, detail the user interface and interaction flow, making it easier to identify potential improvements and create a seamless user experience.

Mobirise Website Builder
Mobirise Website Builder

User Flow

The user flow builds on the storyboarding phase to ensure a seamless and intuitive experience. It is organized into three main categories, starting with content selection and branching into more detailed options. This structure allows users to easily explore and make personalized choices, guiding them step-by-step toward creating a tailored experience that meets their needs and purchases. 

User Flow

Prototype

Mobirise Website Builder

Low-Fi

This low-fidelity wireframe focused on streamlining the ordering process. During the ideation phase, integrating a calendar and confirmation page ensures a clear and seamless flow, solidifying the steps needed to complete a purchase with confidence and ease.

Hi-Fi Wireframe

Hi-Fi

In the high-fidelity wireframe, vibrant colors are used to clearly highlight or indicate selected content, ensuring better visibility and usability. Large, easy-to-use buttons are incorporated to simplify navigation, making the interface accessible and intuitive for users of all ages.

Reflection & Future Steps

In conclusion, our testing and research provided valuable insights into how entertainment preferences differ across demographic groups, particularly when factoring in variables like age, marital status, and dependents. These elements significantly shaped user choices, introducing unique biases that influenced the outcomes. While these biases occasionally offered useful perspectives and highlighted specific audience needs, they also limited the broader applicability of certain results. Understanding these distinctions has been instrumental in identifying how diverse life circumstances can shape entertainment preferences.

Looking ahead, a more refined approach to participant selection is essential. By narrowing the range of testers to a more controlled and representative sample, we can minimize the influence of biases and create a testing environment that fosters more objective results. This strategy will allow us to uncover deeper, unbiased insights into user behavior and preferences, ultimately leading to more inclusive and accurate conclusions. These adjustments are crucial for creating solutions that genuinely resonate with diverse audiences while ensuring that our research remains fair and reliable.    

© Copyright 2024 Jmegraphix, LLC - All Rights Reserved