BRUTAL BOMAD DIET
UX/UI DESIGN, Brand AND Copywriting
A freelance project that was developed for an Affiliate Marketing Group - using Bootstrap.
OVERVIEW
The Challenge
This is an ongoing Affiliate Marketing project that focuses on weight loss and fitness. The main goal is to create a single intuitive funnel-sales page that allows the visitor to purchase the product online. The future plans – depending on its success, is to create a community online service and a mobile app that will accompany this project.

Affiliate Marketing Project
  1. Branding Design
  2. Logo Design
  3. Mobile Design
  4. UX Design
  5. UI Design
  6. Copywriting

UX Tools
  1. Photoshop
  2. Axure RP Pro
  3. Balsamiq
  4. Bubbl.us / Gloomaps.com / Flowmapp.com
  5. Pen and Paper
PERSONAS / RESEARCH

Persona - Research
The research for this mobile app phase one - car repair - was very limited because of my many years car ownership and my experiences with car owners – regarding their needs with car repairs. The overall idea is that there are different levels of knowledge in car repairs and the persona I’m displaying is of a newbie in car repair. I created this personas with Photoshop to have a central focus of the possible users of the app.
SKETCHES / MIND MAPPING


Sketches and Mind Mapping
When you get involved with a Start Up that has a mind set to create a Mobile First project – you go through a lot of pages of paper coming up with ideas that makes sense. I also, used the online mind mapping tool at www.bubbl.us – to show my ideas and share the concept with the client - the above image was just one example of many created.
USER FLOW
User Flow Chart
User Flow
This is a Start Up Company project, so I could not reveal all the details of this project online without a NDA (non-disclosure agreement) for everyone who visits my site. There is a ton of work with all the details for each screen for this app – it was a lot of work. I used the Axure RP Pro to map out the user flow. I used www.gloomaps.com for a simple site map.
WIREFRAMES


Wireframing
The wireframing has the visual flow that was needed to figure out where the details would fit. The wireframing flow above is some of the first stages to the concept. I used the Balsamiq program to create all the mobile wireframing concepts.
BRANDING / STYLE GUIDE
Branding and Style Guide
I created the Brand, Logo and style guide for the Start Up Company. There are more comprehensive and details for this project, but I kept it limited for my portfolio – until a future date where the company allows me to add more details. I developed the logo with Photoshop and the style guide for the brand.
HIGH FIDELITY DESIGN
Design and Content
The design structure, formatting of the pages and content was created by me – but the site will not be up. The client did not have any specifics date for this project to go on the market for testing. This project is still in the testing stages.

Copyright @ erm3designs.com

Back to Top