+

MERIN DESIGNS APP

UX/UI DESIGN - GRAPHIC DESIGN - CONCEPT DESIGN - APP DESIGN - WIREFRAMING - STYLEGUIDE - COLOR THEORY - ICON DESIGN

After working at Merin Designs for a while, I decided it would be fun and useful to dream and design an App where customers could have a platform where they could potentially customize their bags (add a zipper, choose their own color combinations, add monogram..), easily review the product and engage with the community and to share where they take their Merin bag on adventures (#wheresmymerin) or how they use their bag (#whatsinmymerin). Below I share the design process of this App.

+ APP STORE HOME PAGE:

This is how it would look if the “Merin Your Own” App was available in the App Store.

+ APP WALK THROUGH:

My colleague Nathan Connors helped code an interactive mockup of the App. Eventhough it wasn’t fully developed, this gives a good idea of how the app would work.

+ HAND SKETCHES:

+ ICON BREAKDOWN:

+ MOCKUPS:

+ PROJECT DESCRIPTION AND CONCEPT:

{Project Goals}

• Design a visual prototype for a smartphone or tablet app

• Include four or more fully designed pages/screen mockups that suggest how the user would navigate through a task or tasks

• Emphasize solid UX and UI design in your process by including stages of research, personas, prototyping, user feedback and iterations of idea

• Demonstrate ability to build on existing icon conventions; if/when there are none, innovate, iterate and test new icons

• Build assets and layouts specifically to strengthen usability and visual appeal in your app via elements and principles of design

• Finish your prototypes by mocking them up as you would for a client presentation, or portfolio pitch at a job interview

{Project Specs}

• The challenge in this project was to approach an app design from a new angle: usability.

• Create an app that provides good user experience.

• Analyze who are the clients the product is for; Building Personas.

• What problem is the app solving for the user.

• What competitive apps are out there already created that could compete with ours; Market Research.

• Create UI icons or see how existing ones could work.

• Define visual aesthetics; Color, typefaces..

• Present prototypes in a convincing way.

{Project}

• App name: MERIN YOUR OWN for Merin Designs

• Merin designs is a company that started here in Seattle. She created a bag with a waterproof bottom and interior pockets. The tagline is: ‘’The perfect tote bag that will keep your bottom dry’’. They’ve been producing the bags overseas and she is now on the transition of moving production to Portland, Oregon. This is a big change for a small/growing company and they are redesigning the product a little bit, adding some extra features like a zipper on the top.

• I designed an app for the Merin Designs company called “Merin Your Own” where costumers can personalize their bags choosing their favorite color combinations for their bags and have the possibility to make them all with waterproof fabric or not. 

• Allow the option to add the zipper or have the bag monogrammed.

• My goal is to create a user friendly app with a clean look that represents the brand. An easy way to personalize your own bags and to share your Merin Love in social media in an easy way. 

{Process}

The process I used to create this project:

• I chose the company I wanted to create the app for. I am a proud owner of a Merin bag and I love the company.

• What features would Merin Design benefit that they don't already have in their website:

  •  {Personalize bags}

  •  {Share pictures in social media of how and where they are loving their Merin bags}

  • {Review the product}

•  Sketching the icons. This was an important step for the development of my project. I created different icons for the different actions of the app and layed them out. This helped me understant and organize the different elements.

• I created different variations of some of the icons to decide which one worked better.

WEB DESIGN