Project Challenge

A platform that makes it possible to share resources for online collaboration among multiple users of one organization.

Target group

People working remotely and online need access to their files and programs anytime, anywhere. They are mainly people working in project teams: company employees, freelancers, students.

Market research

The first stage was research around applications offering solutions for remote work. I wanted to find useful elements of the interface and create an application in which the user feels familiar from the first use.

Solution ideation

Horbito comes to your aid, offering virtual desktop directly in your web browser and a wide range of personalization options to suit your needs. In addition to storing files in the cloud, the service allows you to edit and share documents, communicate with the team and visualize specialized programs such as Photoshop, in a web browser. At the same time, it allows you to work together on documents. Horbito on PC version works on every modern web browser. The smartphone version is available for Android and iOS. The basic version of the application is free of charge and provides 15 GB of online space.

Initial market research

I tested many popular applications available on iOS for remote work (Google Drive, Dropbox, Microsoft One Drive, Slack). I selected elements that work similarly like landing pages, creating an account, settings, file sharing. Furthermore, I decided to make these elements of the prototype as close as possible to the standards present on the market.

Map Red Routes/

Most important activity: file sharing and access to online programs.

Indirect activity: communicating with your team and colleagues.

Additional activity: creating a workspace for the team.

Hypothesis/

There is no product on the market that allows access to files and programs from any computer and provides the functionality of a traditional operating system without the need to install additional software.

Inspiration and competition/

Application was inspired by services such as Google Drive, Dropbox, Microsoft One Drive and iCloud. These services are available in Horbito, so they are not competitive. Rather, they expand the capabilities of Horbito by offering multiple Horbito solutions at the same time.

Prototype

The first prototype I created based on the knowledge about the applications currently available on the market. To enable interaction with the prototype, I used the Marvel app program. It is a website, which after uploading paper mock-ups allows adding interactions between application windows. Thanks to that I could revive the paper prototype and present it in the company.

The prototype was created as a Quick and Dirty mock-up. Its functionality includes the ability to create an account (also with the use of plugins for social networks) and a preview of the main submenus: Home, Cosmos, Files, Chat, and Settings. The menu is placed at the bottom of the screen in accordance with Apple's recommendations for iOS applications.

The prototype is available online -> click here

‍

‍

Project around the smart collection and processing solutions for e-waste.

My focus was dedicated to the classification process using tangible interfaces: Design, creation, and testing of tangible and graphical interfaces in the context of the InnoWEEE project.

The InnoWEEE goals

Increase the collection of WEEE by using smart bin and WebApp, information about the valorization of WEEE and EEE by regeneration and re-use of usable devices, and by recycling the materials that can be used again in the production cycle.

The InnoWEEE tackles an issue of general lack of awareness and knowledge about how to properly take care of electronic and electric waste.

The pilot study

One of the critical stages of the project was the evaluation of created interfaces. For this purpose, a pilot study was organized. It took place on 31.05.2019. It was a full-day workshop with activities related to electronic waste and ways to recycle and reuse it.

The goal was to test and evaluate created interfaces with real users and gather qualitative and quantitative data.

The details about the event and the results can be found in the dedicated article.

Project goal

An interactive platform collecting a set of good practices to encourage more female candidates for technical studies.

The name of the project is a word game that is based on the acronym of words representing the 4 fields of science:

Science, Technology, Engineering, and Mathematics in short: STEM and the number 4 read in English (four read: for) Them, i.e., STEM for them: future female scientists; high school girls, future female students.

Vision

Knowing that the roots of the problem are much deeper than what we can reach, we tried to find a way to stay helpful.

That's why we focused on a specific target group, the group we can reach: former high school girls who have to choose what to do next. We started to ask ourselves what is the motivation to make decisions, how is it possible that there is such a gender gap in scientific fields. Of course, we couldn't do it ourselves, so we asked people who have already done it to help us (female STEM students, researchers, professors). Thanks to their input and many theoretical studies, we have narrowed the field of action.

Our efforts were aimed at helping young girls to better understand their capabilities, themselves, and not to let them lose the chance to choose a less frequented path, just because it is easier or there is not enough information at the moment. We wanted to integrate more and better people in key places, in their lives, with institutions that can help them make the right choices.

Interviews

The interviews were conducted with 12 people from different areas of the university: students, professors, employees of the Center for Gender Studies and Orientation Office.

We also contacted the organizers of the Girls Code IT project, which aims to promote coding skills among female students in high schools.

The focus group was conducted with the organizers of Girls Code IT to obtain as much information as possible, which could help in the implementation of the project.

Additional tool — Red Map Routes

Based on our findings, we have created the Red Map Routes. We have also selected 3 activities that have a different priority for our target group:

Most important activity: finding an optimal educational and professional path.

Intermediate activity: communicating with other people considering technical majors and careers in related areas.

Additional activity: online information about orientation practices for future technical students.

Mock-ups

Paper prototypes

Each of the team members proposed 4 alternative mock-ups for the most important features of the prototype. They were:

— Page: About the Project

— Blog

— Forum

— Good Practice Area

Low-fidelity prototype

Based on the created low-fidelity prototype, I designed its equivalent in a high-fidelity version. I have used Axure RP.

Access to the prototype is available at the following address:

https://lw0d8m.axshare.com/#g=1&p=good_practise-papers&c=1

Workshop

To test the hypothesis of STEM 4 them, a workshop was organized in which 8 female participants took part. It was also a chance to get acquainted with the target group, the face 2 face. Workshops were conducted at the university in the so-called Brainstorming Room, which is a room specially adapted to conduct training and research for people dealing with UX and UI. The advantage of the room is its unofficial character: there are comfortable sofas and poufs instead of benches with chairs. The walls are adapted for writing after them with special markers. In addition, there is a lot of stationery tools to use.

‍

App functionality and User Needs - app analysis

Using the McDonald’s app, users can get familiar with available promotions and new menus. They can also collect loyalty points when using the application when visiting the restaurant or in-app. Gathered points can be used to pay. People who have special needs can check for locations that meet their criteria. For example, Belgium users can charge their electric car during the meal.

Application is available worldwide, but its functionalities depend on the market.

1. User needs

2. Save money

3. Explore food quickly and easy

4. Find a suitable restaurant

5. Get to know about the new menu

Current app features

Promotions for customers: Special offers of new products, loyalty programs

Food details: Nutrition information, List of possible allergens, List of ingredients

Filtering and navigation: Restaurants locations, available facilities in restaurants, etc.

User problems

1. Browsing coupons available only after creating an account → macro-design choice of app developers (data analysis, content personalization).

2. The prices of the products are not always shown.

3. Lack of possibility to order food from the app and delivery option inside the app.

Considered app features

1. Location and language selection

2. Filtering of facilities

3. Landing page

4. Product selection

Landing page — current and redesigned

Issue: the action button News working as a navigation button.

I was expecting to see more details on the News menu, instead, I was redirected to offers.

Additionally, the home icon is not corresponding to the News category — it causes mental model inconsistency.

The redesigned Landing Page better informs the customer about new menu options and allows them to save money using in-app deals.

First redesign for Landing Page

Newsfeed design → design pattern inspired by social media apps.

Second redesign for Landing Page

+ Sliding to next page → Sense of continuum in the navigation structure.

Development from scratch the site for HBO GO for Asia. I designed the architecture for FE client side over JavaScript and developed all FE. I have created our SPA base on jQuery. Tech lead: been in charge to lead the FE project and communicate with other teams (mobile, backend) to coordinate what was the next step to take.

Technologies used: Gulp, Bower, JavaScript, jQuery, Sass, Html5, AWS. Agile methodology(Scrum)

This is a SaaS website in which I have designed the User interface and user experience. I am also responsible for developing the whole front end and back end. This is an ongoing project, I am currently busy working with the copyright for the website content and the WHMCS Integration. ‍

I built a platform on Sharetribe GO (OpenSource version). Since the day one doing ongoing development in close collaboration with a client we’ve done many features which makes project unique and adapted to its needs.

The system utilizes the fusion of the Principal Component Analysis and the Linear Discriminant Analysis algorithm which has been used in a research study investigating the effect of change of the lighting conditions and facial expressions and face wear on the recognition rate of the fusion. The system is capable of recognizing faces with up to 98% of accuracy due to utilizing a fusion of the algorithms. The system takes advantage of the OpenCV Python library and connects to a relational database where the student's attendance records are stored.

Job searching application with a Tinder-like swiping feature for selecting jobs previously specified by the user. Swiping left discards the job from the deck of cards whilst swiping right moved the job advertisement into a separate tab where the user can apply for it later. The user logs in through a third-party app using the Firebase authorization. Subsequently, the user selects the job title (or simply inserts the keywords) and enters the job specifications into the appropriate fields. The job advertisements are fetched from the Reed.co.uk API and are presented to the user in the deck of cards form. The selected jobs are saved on Firebase and fetched from there when the user requests to access them. Once the user selects appropriate job advertisements, they can come back and apply for them later.

The system allows registered users to book activities with each other to organize and manage work efficiently. Developed in JavaScript and split into frontend React framework and backend NodeJS framework fully connected. Benefits from Ant Design UI library with CSS formatting and utilizes the Koa framework. Data stored in a relational database accessible by SQL through the backend environment. Benefits from the koa-router and secure koa-passport authorization. The application benefits from signup and login pages, allows registered users to create activities, add other members and collaborate with them. Thus, the system aims to help with organizing users’ free time. The frontend framework fully connects to the backend environment through the utilization of the RESTful APIs.

I build a Full-stack of a football betting with friends app on iOS and Android — Firebase backend and Slackbot integration.

End-to-end full-stack build of the UK version of a football match booking platform, on iOS and Andriod  - Firebase backend.

‍