Finding the heart of the design

Finding the heart of the design

When embarking on the process of finding a new design direction for an app, there are several essential inputs to consider. The first is the company's vision, which should guide the design direction and ensure that it aligns with the organization's overall goals and values.

Another important input is the app's feature list, which provides a clear understanding of the functionality and user flows that the design system will need to support.

Finally, it's important to consider the existing components set, which can serve as a starting point for the new design direction and help ensure consistency across the app.

With these inputs in mind, the first steps in finding a new design direction for the app could involve conducting user research, analyzing user feedback, and identifying areas for improvement based on user needs and pain points.

From there, a design direction could be developed that incorporates the company's vision, supports the app's features, and builds upon the existing components set.




Steps we followed

  1. To find a new design direction for our app, we first identified our target user persona by analyzing user data and conducting user research. This included analyzing user data, conducting user research, and creating user personas. Understanding the target user persona is essential for designing an app that meets the needs and preferences of its intended audience.
  2. Sort through any existing brand guidelines: while the app already has some brand guidelines in place, we reviewed them to identify essential visual elements, such as color palettes, typography, and visual elements, that may inform the new design direction. Ensuring the new design direction aligns with the existing brand identity and values is important.
  3. We started brainstorming a design school to follow: Based on the target user persona and existing brand guidelines, brainstorm different design schools that may be appropriate for the app. Some examples of design schools include minimalism, flat colorful design, or Bold high saturated design. Consider the app's purpose and target audience when selecting a design school.
  4. We selected some core screens to represent different design patterns: Choose screens from the app that represent different design patterns and user flows. For example, the app's home page, search results page, and property detail page. That allowed us to see how the new design direction will work across different areas of the app.
  5. Apply the styles that emerged from the brainstorming session: Based on the design school selected, apply the styles that emerged from the brainstorming session to the selected screens. This allowed us to see how the new design direction will work in practice and identify any areas that need further refinement.
  6. Presented the most agreed-upon designs to other teams: Shared the designs with other teams, such as developers and project managers, to get their feedback and ensure alignment with the app's goals and objectives. Make any necessary changes based on feedback, and continue to iterate and refine the design direction as needed.

By following these steps, our hero designers were able to create a clear and effective design direction for the app that meets the needs of its intended audience, aligns with the brand identity and values, and supports the app's goals and objectives.




The result behind those steps

Through the process of identifying our target user persona, reviewing existing brand guidelines, and brainstorming different design schools, we successfully found a new design direction for our app that met the needs of our target audience, aligned with our brand identity and values and supported our business goals.

Also, as a hidden goal, we were able to not only find a new design direction for our app but also foster collaboration among team members and ensure that the new direction met the needs of our target audience and supported our business goals.

The result was an app with a refreshed and modern design that provided a great user experience while staying true to our brand identity and values.




??? ????? ?? ????? ????? ?? ????? ????? ???? ?????? ??? ? ???? ?????? ?? ???????? ???????? ???? ??? ????????. ????? ?? ???? ?????? ? ????? ??? ?? ???? ????? ??????? ????? ?????? ?? ??????? ?????? ?????? ???????.

?? ???????? ?????? ?????? ????? ????? ??????? ? ????? ???? ????? ?????? ??????? ??????? ???????? ???? ?????? ???? ??????? ??? ?????.

?????? ? ?? ????? ?????? ?????? ?????????? ??????? ? ????? ???? ?? ???? ?????? ???? ?????? ?????? ??????? ?????? ?????? ?? ???? ??????? ??? ???????.

?? ??? ???????? ???????? ???? ???? ?? ???????? ? ???? ?? ????? ??????? ?????? ?? ????? ????? ????? ???? ??????? ????? ??? ?? ???????? ? ?????? ??????? ???????? ? ?????? ?????? ??????? ????? ??? ???????? ???????? ????? ?????.

?? ???? ? ????? ?? ????? ????? ????? ????? ???? ?????? ? ????? ????? ??????? ? ????? ??? ?????? ???????? ???????.



??????? ??????? ?? ????? ????? ???????

  1. ?????? ??? ????? ????? ???? ???????? ? ????? ????? ????? ???????? ???????? ????? ?? ???? ????? ?????? ???????? ?????? ??? ????????. ???? ??? ????? ?????? ???????? ? ?????? ??? ???????? ? ?????? ?????? ????????. ??? ??? ????? ???????? ???????? ????? ??????? ?????? ????? ???? ???????? ???????? ??????? ????????.
  2. ???? ???? ?? ??????? ????? ??????? ????????: ????? ????? ??????? ?????? ??? ??? ??????? ??????? ???????? ??????? ??? ? ???? ????????? ?????? ??????? ??????? ????????? ??? ????? ??????? ???????? ???????? ??????? ? ???? ?? ???? ????? ??????? ??????. ?? ????? ???? ????? ????? ??????? ?????? ?? ???? ??????? ???????? ??????? ??????.
  3. ????? ?? ????? ??????? ?? ????? ????? ????????: ???????? ??? ????? ???????? ???????? ???????? ??????? ???????? ??????? ? ???? ???? ???? ?????? ??????? ???????? ???? ?? ???? ?????? ???????. ????? ??? ????? ????? ??????? ??????? ?? ??????? ?????? ?????? ?? ??????? ?????? ???? ??????. ?? ?? ??????? ????? ?? ??????? ???????? ???????? ??? ?????? ????? ?????.
  4. ?????? ??? ??????? ???????? ?????? ????? ????? ??????: ???? ??????? ?? ??????? ???? ???? ????? ????? ?????? ????? ????????. ??? ???? ?????? ? ?????? ???????? ??????? ????? ????? ????? ????? ?????? ??????. ??? ??? ??? ?????? ??? ????? ????? ??????? ?????? ??? ????? ?????? ?? ???????.
  5. ????? ??????? ???? ???? ?? ???? ????? ??????: ????? ??? ????? ??????? ???????? ? ??? ???? ??????? ?????? ??????? ???? ???? ?? ???? ????? ?????? ??? ??????? ???????. ??? ??? ??? ?????? ??? ????? ????? ??????? ?????? ?????? ?????? ?? ?????? ????? ??? ???? ?? ?????.
  6. ??? ????????? ?????? ??????? ??? ??? ????: ???? ????????? ?? ??? ???? ? ??? ???????? ?????? ???????? ? ?????? ??? ????????? ????? ??????? ?? ????? ??????? ???????. ??? ???? ??????? ?????? ?? ??????? ?????? ????? ??? ????????? ? ?????? ?? ????? ????? ??????? ??????? ??? ??????.

?????? ??? ??????? ? ???? ???????? ??????? ????? ?? ????? ????? ????? ???? ????? ??????? ???? ???????? ??????? ???????? ? ??????? ?? ???? ??????? ???????? ?????? ? ????? ????? ??????? ???????.




??????? ???? ??? ???????

?? ???? ????? ????? ????? ???????? ???????? ????? ? ??????? ??????? ??????? ???????? ??????? ? ???? ???? ?????? ??????? ???????? ? ????? ?? ?????? ??? ????? ????? ???? ???????? ???? ???????? ??????? ???????? ? ??????? ?? ???? ??????? ???????? ?????? ??????? ????? ?????.

????? ? ???? ???? ? ?? ????? ?? ?????? ??? ????? ????? ???? ???????? ???? ? ?? ????? ????? ?? ????? ??????? ??? ????? ?????? ??????? ?? ?? ??????? ?????? ???? ???????? ??????? ???????? ????? ????? ???????.

????? ??????? ??????? ?????? ???? ?????? ???? ????? ?????? ????? ?? ?????? ??? ???? ????? ??????? ???????? ??????.

Islam Hussein

Product Designer at WalaPlus

1 年

Can I ask about any additional resources for design schools as I have no idea about flat colorful design, or Bold high saturated design.

回复

要查看或添加评论,请登录

社区洞察

其他会员也浏览了