Well, as there’s some confidentiality issues for this project, I won’t be disclosing the hard facts, but let me share this really awesome UX journey with you guys!
So… This is an agile software development for a website that aims to do good for mankind (e.g. raising funds for ________ ). Pretty fast-paced development, morning scrums (it’s a good get-to-know how the project’s coming along), with sprints (literally work sprints) and meetings almost every twice a week with the client (we were stationed at the client’s office).
The product development journey is rather similar nonetheless.
- Understanding the stakeholders and problem
We started off speaking to the product owner and the development team to better handle our workflow for the project, followed by a UX workshop with the relevant stakeholders. The UX workshop was essential as it helped us understand the users’ needs, existing problems with the website, what the product owner would like to achieve as well as the various features that may be essential for the website. - Planning and research
Thereafter, we gave recommendations on which features would be of priority and scoped down the top three features to work on for the alpha phase of the website. Research was crucial when designing a product, as we looked into various websites that were in the same industry as our client’s as well as referencing top UX sites (e.g. Airbnb). We researched on the screenflows and user interface websites, to find out how and what makes it a pleasant or tedious journey for the user. These research are documented down via screenshots and diagrams. - Screenflows and Wireframes
Once research for a functionality/feature (e.g. login) is done, it’ll be the drafting and ideation of how the screenflow and interface should look. Loads of sketching here… we use diagrams, arrows and boxes to sketch our thoughts on paper. For wireframes, after sketching the draft interface, it’ll be converted to digital form via Sketch for presentation to the client. Once our ideas have reached fruition , we’ll present them to the client, discuss, review, and do the necessary changes before sending it for development. - Web Development
When the wireframes and screenflows are finalised, they’ll be sent to the development team for the alpha version of the website to be coded. - Visual Design
At the last phase of the design process before the next iteration, it’ll be the skinning of the website. Moodboards will be done up for the client to choose the required look and feel of the website.
