Works

The following is placeholder text known as “lorem ipsum,” which is scrambled Latin used by designers to mimic real copy. Nullam sit amet nisi condimentum erat iaculis auctor. Nulla eu pretium massa. Aliquam bibendum, turpis eu mattis iaculis, ex lorem mollis sem, ut sollicitudin risus orci quis tellus. Sed a ligula quis sapien lacinia egestas. Quisque congue porttitor ullamcorper.

LinkedInDribbble

 

Le pain quotidien 2017

LPQ is a global french cafe and bistro that focuses on fresh daily bread etc. We were asked to create a web solution for them etc.

1. Identify Core Site Navigation
We conducted a series of stakeholder interviews and took inventory of their existing site content. Based on scope, timeline and technical feasibility, we narrowed down their wishlists. encompaces online food order, which we’ve

2. Optimize Existing Brand for Web & Mobile
LPQ had an existing brand identity in place but it was dated and print centric. We selected a few web friendly fonts and AA compliant color combinations that were close dupes for their existing visual elements. With core colors and fonts in place, we then generated a GUI starter pack: buttons, text fields, error states, text styles, modals, thumbnail photo treatment, icons, etc…

3. Site Architecture and Requirements
After that, it was a matter of identifying the requirements and produce a wireframe/ high-fidelity mockup hybrid as a lot of the visual work had already been done. It’s at this point, we’d assemble the UI components to each page, creating new components to fill in any gaps we had initially missed along the way.

5. Break Points
When all the pieces are in place and approved, final mockups were created in three different break point sizes. Many times a direct UI translation from one screen size to another is not always the best experience, so functionality had to be rethought while keeping true to the appropriate mobile or tablet conventions and best practices.

6. Copy was to be displayed in 6 different languages, so all text needed to accommodate varying

7. OLO



SPRINKLES 2017

The following is placeholder text known as “lorem ipsum,” which is scrambled Latin used by designers to mimic real copy. Vivamus sit amet semper lacus, in mollis libero. Quisque congue porttitor ullamcorper. Donec eget risus diam. Suspendisse nec congue purus. Nulla lectus ante, consequat et ex eget, feugiat tincidunt metus.

Handy Yandy 2018

The following is placeholder text known as “lorem ipsum,” which is scrambled Latin used by designers to mimic real copy. Vivamus sit amet semper lacus, in mollis libero. Quisque congue porttitor ullamcorper. Donec eget risus diam. Suspendisse nec congue purus. Nulla lectus ante, consequat et ex eget, feugiat tincidunt metus.