Theme by
  • Close
  • Prev
  • Next
  • 1 / 3

    Daft Punk: Shoppin’ After All Case Study

    My second project for the Google UX certification.

    My prompt was to design a merchandise customization flow for my favorite band.

    I created and conducted my research for this project most of June 2023. I used Adobe XD to develop a responsive website prototype to conduct my usability testing.

    Initial Sitemap

    image

    Low-Fidelity Mockups

    image
    image

    Phone Mockups

    image

    These were the initial mockups I used when I conducted my moderated usability study.

    I found after my study that the user flow was pretty simple and that the icons helped when shifting through different products.

    High-Fidelity Prototype

    My takeaway after conducting my final usability study is to incorporate more iterations for the user while shifting through the products and develop a more interactive user reward once they complete the checkout process.

    As always, I welcome feedback as I continue my UX design journey.

    Jimbooo’s Italian Beef - Case StudyMy case study for my first project from the Google UX certification. My prompt was to create a food delivery app from one of my favorite hometown restaurants. I chose Jimbooo’s Italian Beef for a few reasons:
1....

    Jimbooo’s Italian Beef - Case Study

    My case study for my first project from the Google UX certification. My prompt was to create a food delivery app from one of my favorite hometown restaurants. I chose Jimbooo’s Italian Beef for a few reasons:

    1. They have enough branding where I could really get creative and have fun with it.

    2. It reminds me of my family, and how we all love the various soups there.

    The images outlay the entire case study including my research methods, process from paper wireframes, to high-fidelity mockups.

    image
    image
    image
    image
    image
    image

    Low-Fidelity Prototype

    High-Fidelity Prototype

    I welcome being reached out to for any feedback as I continue my UX journey!

    \

    Jimbooo’s Italian Beef - Case Study

    My case study for my first project from the Google UX certification. My prompt was to create a food delivery app from one of my favorite hometown restaurants. I chose Jimbooo’s Italian Beef for a few reasons:

    1. They have enough branding where I could really get creative and have fun with it.

    2. It reminds me of my family, and how we all love the various soups there.

    The images outlay the entire case study including my research methods, process from paper wireframes, to high-fidelity mockups.

    image
    image
    image
    image
    image
    image

    Low-Fidelity Prototype

    High-Fidelity Prototype

    I welcome being reached out to for any feedback as I continue my UX journey!

    1 / 3

    Package label for client CozyWild “Lucid Loves” candle. They wanted an image that correlated with the scents of the candle and promoted self-love.

    image

    In the first round of sketches I played with the ideas that were spinning in the client’s mind. One was more of a take on the “Birth of Venus” and the other a psychic art nouveau interpretation with the themes of love, self-love, pleasure, reverence and the candle title of “Lust & Found”.

    image

    For round two of sketches we went with more ornate play on the nouveau concept. The border needed to be heart-shaped without being obvious and also encapsulate the business logo for the final design and printing process.

    image

    After doing adjustments to the ornate design and flower petals, we reached the finalized line art. From here I adjusted the color palette and glowing light that radiated from the flower into the final design.

    Sega - Website Redesign

    Wanted to give myself a quick UI design challenge in Figma.

    The Sega website I decided to redesign could make it difficult for users to navigate and find the information they needed. In order to address these issues, I took a user-centered approach and conducted light research to identify pain points and areas for improvement.

    To create a more modern and user-friendly design, I incorporated some of Sega’s iconic characters and imagery while also implementing a consistent and cohesive design language throughout the website. I also conducted light user testing (friends who are also fans) to ensure that the new design was intuitive and easy to use.

    By redesigning the Sega website, I was able to create a more engaging and effective online presence for the company, helping to attract and retain more users and customers.

    The current Sega website pages I wanted to recreate:

    image
    image
    image
    image

    Web site map to help with creating the layout:

    image

    I looked at their biggest direct competitor Nintendo to see what I could improve on and for inspiration:

    image

    One element I really wanted to incorporate was more interactive design for the user, using the iconic sonic ring. For the “Sega Store” page, instead of a shopping cart, having a moving ring (see below) for the number of items to be encased around would give the end user an interactive feature as they added items to their cart. I saw plenty of opportunities for interactive design to be incorporated, but also believed less was more.

    image

    I wanted to create something cohesive and consistent through the pages, that still captured the company’s brand. I had a lot of fun incorporating some of my favorite Sega character’s throughout the years. I’m already looking at what I can improve and what would be great accessibility features to incorporate in my next design challenge.

    image
    1 / 2

    UI/UX design challenge.

    We were assigned to create the user flow for a conceptual Blockbuster/Dish mobile app utilizing Figma that could rival competitor Netflix.

    image

    We needed to come up with the user flow from signing in/creating an account to getting to the selected features. We had to work with a specified limited color palette and make sure to incorporate the included assets and fonts.

    image

    One of the unique features of the app would be a “chat” feature to connect with other members who watch/like the same content as the user. 

    The app also offered a “games” feature, enabling the user to rent games to download to their console and see what other member’s top choices were.

    For my layout design, I used a Iphone 11 Pro Max template size.

    “Elevate Your Mind” Case StudyMindfull Ott app that provides comfort from home needs a web presence and outdoor advertising. We needed to create and desktop and mobile landing page.
From a design and user interface perspective, what can we do to...

    “Elevate Your Mind” Case Study

    Mindfull Ott app that provides comfort from home needs a web presence and outdoor advertising. We needed to create and desktop and mobile landing page.

    From a design and user interface perspective, what can we do to appeal to a wide age group through the home website and billboard advertising?

    Inspiration + Exploration

    Inspiration 1: Meditation App Websites

    image

    Inspiration 2: Mindful Imagery & Activities

    image

    Inspiration 3: Mindful Signage

    image

    Conceptual Iteration

    After looking through the inspiration I created a mood and sketch board to help me figure out exactly what imagery I wanted to use in the mockups. I kept going back to flowers. Originally I wanted to utilize lavender and use imagery of lavender fields. I decided that the tranquility symbolism could get lost with that flower and settled on the lotus. From this point, the lotus seemed like a great way to create simple icons that could be incorporated, but not too obvious as incorporating a monk or statue of Buddha. The lotus flowers and ornamental lines used in the final landing page were drawn in Photoshop.

    image

    Refine & Launch

    At this point, I had my color palette and framework for the desktop and mobile design and started with those mockups knowing that any imagery I sketched up could be utilized for the billboard.

    image
    \

    “Elevate Your Mind” Case Study

    Mindfull Ott app that provides comfort from home needs a web presence and outdoor advertising. We needed to create and desktop and mobile landing page.

    From a design and user interface perspective, what can we do to appeal to a wide age group through the home website and billboard advertising?

    Inspiration + Exploration

    Inspiration 1: Meditation App Websites

    image

    Inspiration 2: Mindful Imagery & Activities

    image

    Inspiration 3: Mindful Signage

    image

    Conceptual Iteration

    After looking through the inspiration I created a mood and sketch board to help me figure out exactly what imagery I wanted to use in the mockups. I kept going back to flowers. Originally I wanted to utilize lavender and use imagery of lavender fields. I decided that the tranquility symbolism could get lost with that flower and settled on the lotus. From this point, the lotus seemed like a great way to create simple icons that could be incorporated, but not too obvious as incorporating a monk or statue of Buddha. The lotus flowers and ornamental lines used in the final landing page were drawn in Photoshop.

    image

    Refine & Launch

    At this point, I had my color palette and framework for the desktop and mobile design and started with those mockups knowing that any imagery I sketched up could be utilized for the billboard.

    image
    Sticker design for Dark Heart Nursery seedling promo. Did some hand lettering to better match their logo font and went for something playful, simple and cute.

    Sticker design for Dark Heart Nursery seedling promo. Did some hand lettering to better match their logo font and went for something playful, simple and cute.

    \

    Sticker design for Dark Heart Nursery seedling promo. Did some hand lettering to better match their logo font and went for something playful, simple and cute.

    My absolute favorite and animated eye out of the 33 designs I made for my “Ethereal Eyes” series. For this version, I love pixel art and have always dreamed of creating assets for a video game that is reminiscent of the content I grew up with.
The...

    My absolute favorite and animated eye out of the 33 designs I made for my “Ethereal Eyes” series. For this version, I love pixel art and have always dreamed of creating assets for a video game that is reminiscent of the content I grew up with.

    The initial idea was to make an all seeing eye series that could also be a fun dress up game to promote it.

    image

    Base Pyramid and some of the eye style and color presets

    image

    Some of the standalone costume assets

    image
    \

    My absolute favorite and animated eye out of the 33 designs I made for my “Ethereal Eyes” series. For this version, I love pixel art and have always dreamed of creating assets for a video game that is reminiscent of the content I grew up with.

    The initial idea was to make an all seeing eye series that could also be a fun dress up game to promote it.

    image

    Base Pyramid and some of the eye style and color presets

    image

    Some of the standalone costume assets

    image

    Enable mobile theme
    On the Customize screen turn off the Use default mobile theme option under Advanced Options.

    Add instagram feed
    Enter your username in the "Instagram Username" box.

    Display avatar image
    Upload an image to the "Header Avatar" option, square images work best.

    Remove stash credit
    Remove the stash logo from your website by getting a Full License.

    More help & customization
    If you still need more check out our help section or the theme docs.