We're Happier Together! NYC Devshop has joined the HappyFunCorp family! Learn more!


Devshop Blog

2 results returned for "Andrea Torres"

Tuesday, Sep 27th, 2016

Andrea Torres

In The Mood to Design

Getting in the mood to begin a creative process can be hard. You have a million ideas running through your head, and you need to narrow them down to create something concrete. Staying focused is key, especially when you are in the early stages of a web design project.

The process of researching and collecting design references is an important part of a collaborative creative process.

To get myself out of my head and into the heart of the design, I start with some form of a moodboard or style tile.

A moodboard is a collection of like minded design examples, organized to showcase a set goal or task. It creates the tone of the project, guides the team throughout the process, and supports those who are just joining in or working with a brand they are unfamiliar with.

A moodboard paints the vision you may see for the project, while bridging the gap to what goals the client wants to achieve for their audience. It's often difficult to see the wireframes or blueprints of a website without getting overwhelmed by additional details. Using a moodboard helps client and designer move forward with the design stages because they both have a visual understanding and can see the story of how this creative process came to be.

Personally, when I begin gathering inspiration for a project, I look for some of the following elements that relate to the product or design I'm creating:
1. Typography
2. Iconography
3. Color
4. Imagery
5. Patterns/textures

Once you have gathered all your elements, your next step should be to get organized. This is especially necessary if you are presenting to your clients. This will ensure you nailed all your key points and must haves for your users. It can also support you in speeding through your workflow.

The benefit of moodboarding is that the ideas are free flowing. Don't be afraid to take a risk. At this point, it's not the final design, so if you and the client don't see eye to eye they can be altered easily. This saves you time and money on your designs.

As the client begins to have an understanding of the theme, and the concept gets approved, your moodboard now becomes the foundation to your brand guide and projects goals. This process helps avoid confusion and surprises as you move through the design process. This way, everyone is a little less moody!

There are a wide variety of tools one can use to create moodboards if you want to move away from InDesign, Illustrator or Photoshop.

Gomoodbaord: http://www.gomoodboard.com/
Moodstream: http://moodstream.gettyimages.com
Musespeak: http://www.musepeak.com
Moodshare: http://www.moodshare.co
Olioboard: http://olioboard.com
Invision: https://www.invisionapp.com/
Canva: https://www.canva.com

Wednesday, May 4th, 2016

Andrea Torres

Miniseries Part III: Design Process

Design Process
You've signed on with Devshop, you've kicked off the fun, and now is the time to ask: How do I look? Part III of our miniseries takes a look at the design process for building your app. This is not about just colors and fonts, it's about how the market views your end product, and how you convey your brand to consumers. While every client's design needs vary, we like to identify your aesthetic at the beginning of the project to make sure that it reflects your brand. The design process for Devshop consists of three rounds: the Design Questionnaire, Design Check-In, and the Final Design Meeting. These rounds represent different milestones in your app, and help you and Devshop on track to complete the project in the projected timeline.

Design Questionnaire:
Let's get to know you a little better! During sign on and kickoff, we like to have clients provide us with answers to a design questionnaire to clarify the brands personality and give us a better understanding of your business. This includes questions like:

  • What competitors websites do you like?

  • Do you have a logo or need us to create one?

  • What are you trying to achieve with this app?

  • Who is your target market?

  • How are you marketing your app?

  • What is the projected timeframe of your app?

  • What is your brands personality?

  • What typography would you like to use?

  • What color scheme would you like to use?

  • What are colors/styles you want to avoid?

Design Check-In:
You've given us a little more information about what you want, now its time for us to work together to create it. The second milestone for design is the design check-in meeting, which occurs about 2-3 weeks after the kickoff meeting. During this meeting, we will review some Photoshop mock ups of your app, paying special attention to colors, typography and icons. We want your app to be looking its best, so during this stage we ask for your feedback on pictures, fonts, layouts, colors, icons and logos.

Final Design Meeting:
After a few weeks of meetings and phone calls where design feedback, edits and changes have been made, we will finally have reached the Final Design Meeting. Woohoo! This meeting occurs about 4-5 weeks into starting building your app. This is the meeting where we get a final look at how your app will look with review of high fidelity mock ups.

By this point, your app design is fully completed. Devshop has sent you each page, asset, and all content has been approved. Up next, stay tuned for details on how we develop the backend of your app!