Work

Community Garden Network App - Garden land

Course project
UX/UI
06/2023

The project was part of Telerik Academy Upskill UX/UI Design program. The duration of the course was 3 intense months and I was working in a team of 4 people. We were working using UX process - Research, Define, Design, Prototype, Validate, Build and Test and our lectures program was scheduled this way. Our tasks was to create a mobile app, a web version plus a landing page in a high-fidelity stage with working high-fidelity prototypes which at the end of the program has to be presented all from start to finish.

See Full Case Study
service icon

Project overview

Garden land app has to connects community gardeners, facilitates resource sharing, and offers educational resources for sustainable gardening practices. Also should encourage community building and collaboration among gardeners, as well as support the growth of sustainable and organic gardening practices.

Among the mandatory features were user registration and profile creation, garden location and availability listing, resource sharing platform for tools, seeds, and other gardening supplies, messaging and communication system for gardeners to connect and collaborate, educational resources for sustainable gardening practices and expert advice and local resources for gardening support.

What I did

  • I created the logo of the team and the name and logo of the app as well, and was responsible for uploading the ready home works which had to be uploaded in the Figma's course file and also in the site of the academy.
  • I took part of defining the business strategy and in the competitive analysis. I created the user survey questionnaire for defining the persona and the presentation design styling template of the team.
  • I participated in multiple brainstorming team sessions.
  • I created the questionnaire and steps of the first stage for wireframing unmoderated usability testing in Maze, which was filled by 19 users and 7 key insights were found.
  • I took part of creating the first version of IA and some screens of wireframe version of web application.
  • In my suggestion we improve the visual style of the mobile main navigation, to create more visual hierarchy.
  • The mobile app screens I designed were: onboarding, log in/register, profile creation, resources list and resources view screen. Also I designed the list screen of the marketplace, the view screen of the product and the create listing of marketing items. Filter options and search options. With my suggestion we improve the visual style of the map and I created different styling for the pins shown on the map.
  • I created the desktop and mobile typography typescale with all the settings.
  • I created the design system with all desktop and mobile typography typescale with the settings. Furthermore I created all the states of different buttons and input fields, and desktop primary navigation bar.
  • I created the home and resources pages of the web app, and the landing page as well.