UI/UX by Meraki Design
- 1. Better Design. Better Experiences. USER EXPERIENCE DESIGN Sheetal Elangovan : 925.895.6741 : contactmerakidesign@gmail.com : www.merakidesign.co : https://www.linkedin.com/in/sheetalelangovan PRESENTED TO
- 2. Good design isn’t about pixel-perfect mock-ups, but instead, creatively solving business problems. UI UX
- 3. As a startup, you are often posed with the question Should I focus on good user experience, or push something out quickly?
- 4. If the product/service that you are building is novel and new, but the desirability isn't immediately obvious to the customer, then the UX efforts will need to focus on communicating WHY this product is important to the user. It needs to have an immediate "Oh, that's cool!" impact. (We're not talking flashy, superfluous graphics here. We're talking core communication of why this product is something the user needs.)
- 5. {2011} {today} Here’s how square rebranded their website. In 2011, the website is focussed on the narrative of ‘What is Square?’. Today, with a customer centric approach, their website is focussed on how square can help you grow your business.
- 6. To communicate the need for the an evacuation management platform, first time users of a mobile app are given a walkthrough. (Crafted by Meraki Design in collaboration with FastEvac)
- 7. 30% of users would spend more money with an organization that has a good mobile app. APP ATTENTION SPAN STUDY (2014) GOOGLE STUDY: WHAT USERS WANT MOST FROM MOBILE SITES TODAY (2012) 61% of users said that if they didn’t find what they were looking for right away on a mobile site, they’d quickly move on to another site. ECONSULTANCY- USER EXPERIENCE SURVEY REPORT. (2013) More than 9 out of 10 (95%) agreed with the statement that good user experience just makes sense. UX stats
- 8. Interested? Meraki Design is focussed on building thoughtful experiences for clients building web and mobile products. Here’s what we do.
- 9. User Experience (UX) Design Services • Work with clients to devise a customer centric approach to product development. • Devise usability studies to collect feedback • Deliverables: User Research, User flows, Personas, Wireframes, Clickable Prototypes, Usability Testing
- 10. User Interface (UI) Design Services • Design simple elegant interfaces that are consistent and intuitive to all users. • Collaborate with Product management and dev teams to develop visuals and experience. • Deliverables: Web UI, Mobile UI, Icon Design, Mockups
- 11. Website Development • Build an elegant website that communicates the vision and need for your product/ service. • Responsive Design, WordPress Development, Mobile friendly
- 12. Reorganizing information on a Realtor’s website San Francisco based realtor Ruth Krishnan was looking for a complete overhaul of her WordPress website. She turned to Meraki Design to update their existing, overly complex information architecture and redesign the user interface. The goal: focus on identifying crucial information that a buyer-seller is looking for and make every step of that process easy. CASE STUDY
- 13. Process 1. Identifying the problem using stakeholder interviews + user research 2. Ideating the solution by defining user goals + preparing site maps 3. Prototype the solution by wire framing each end user goal with a focus on building a responsive solution 4. Test usability of website using user test scripts + review feedback User Goals With feedback from stakeholders and audience, website users were looking to gather information on the following topics.
- 14. Information Architecture Key Results • Identifying the major goals of the website, changed the approach to updating content on the website. • Creating wireframes for the site ensured that every page was optimized for mobile ensuring that all pages are readable and actionable.
- 15. Wireframes
- 16. UI Design
- 17. Mobile Optimized
- 18. Prototyping an Evacuation Management Mobile App Meraki Design worked with FastEvac, an EvoNexus startup to build their UX Strategy. The team is trying to solve a critical workplace problem - Safe and simple evacuations. CASE STUDY
- 19. Process 1. User Research 1. Document the lean Canvas with stakeholders 2. User Interviews with coordinators to capture current experience 3. User Profiles of primary audience 2. Brainstorming a solution using whiteboard sessions + Balsamiq 3. Build a clickable prototype to review the solution 4. Test the solution with pilot users to gather feedback Key Results • During an evacuation, it is likely that a user is under high level of stress. With an iterative prototype and test method of product development, we were able to consistently refine the interaction to be simple and straightforward.
- 20. Wireframes
- 21. User Flows
- 22. UX Pin Clickable Prototype
- 23. Evaluating an innovative healthcare platform idea Health care entrepreneur and product management professional was looking to build a beta to test the market for transparency in health care services pricing. The question at hand: Are people interested in shopping for Invisalign procedures based on pricing? Here’s how we approached user experience on a budget. CASE STUDY
- 24. Goal To create a health care marketplace that allows consumers to make informed choices on their Invisalign provider based on cost of the procedure. Process 1. Data Collection: Collect data from 100+ service providers in San Francisco 2. Research: Interviews with 5 participants to understand how they shop for an Invisalign provider, competitor research and build a journey map 3. Prototype: Design a solution that solves the pain points of the user. 4. Design + Build 5. Test the solution with Bay Area participants to evaluate the efficacy of the beta Key Results • Through the UX exercises, we were able to understand customer expectations. During the prototype, we began to understand the complexity involved in providing a price quote to the end user.
- 25. Journey Map
- 26. Wireframe
- 27. UI Design + Invision Prototype
- 28. Let’s talk. I am Sheetal Elangovan, an Orange County based UI/UX designer with a passion for grids, wireframes and problem solving. (Special pricing available for ROC and Evonexus) : 925.895.6741 : contactmerakidesign@gmail.com : www.merakidesign.co : https://www.linkedin.com/in/sheetalelangovan