top of page
ai_create_nft-01.png
UX & Interface Design: Image

Introduction

'AIM' - Artificial Intelligence Makes

For my final year project I have explored creativity and digital technologies. I wanted to explore the boundaries of new technology, creativity and design while looking at activism and social issues from the perspective of an artist but also as a digital creative. 


In this project I have explored the use and role that artificial intelligence can play in a creative process. I used Google Colab’s Open Source Artifical Intelligence systems and experimetned with different ways to interact with the systems to generate images using AI. 


I have designed an online digital tool called 'AIM'. The website that uses Google Colab’s Artifical Intellignce engines to enable people to easily use this technology to make and generate images.  I have designed the website information architecture, content structure, layout and graphical user interface. I designed a look and feel and developed an easy to use and was intuitive graphical user interface. Part of this work was to create design component library. 


When a person joins the website they create a profile and the generate images using Google Colab’s AI systems. 

UX & Interface Design: Text

Demo of 'AIM'

AIM is a website that make it easy to use text-to-image generators using AI systems.

UX & Interface Design: Video

Website Layout and Design

The approaches I took to user experience design

'AIM' (https://ai-create-nft.app)  is website that is concerned with making AI generated art easily accessible.

The website enables members to use and create art work with various AI systems to create new forms of art. 


Using text-to-image AI systems, the site enables artists to generate unique images by using words and descriptions that are generated by an AI system, GTP3  that then passes the word prompts to another AI system, Google Colab’s Disco Diffusion, that generates the image. 


Users can create their own profile, generate images, create collections and galleries, mint NFTs to sell. Collectors can purchase NFTs of their favourite artists and create collections.


The interface is intuitive to use and removes the coding complexity that is currently involved in AI art generators. ​ 


Below is a gallery showing the designs of each page and their sections.

UX & Interface Design: Text
UX & Interface Design: Pro Gallery

Visual Design and Identity

It all began with mood boards and visual designs

A generated a series of mood boards to explore the visual language that I wanted to adopt. I investigated the use of colour, typography and imagery in a number of mood boards.

UX & Interface Design: Text
UX & Interface Design: Pro Gallery

Paper Prototyping and Wireframes

In UI/UX Design, wireframing is one of the most crucial steps in desigining the layout and content design of a website or app. It involves visualizing the content blocks the site or app.


A wireframe can be sketched freehand of drawn with software such as Sketch, Figma, or Adobe XD.


As a designer I wanted to explore the layout of the ai-create-nft site and demonstrate what interface elements I needed on key pages, based on a site map.


It is a critical part of the interaction design process that enabled me to sketch ideas present them to potential users and get feedback to evaluate the layout. 

UX & Interface Design: Text
UX & Interface Design: Portfolio

Wireframes

Paper and pen sketch wireframe for AI prompts
Paper and pen sketch
Paper and Pen Sketch Wireframe
Paper and pen wireframe sketch
Medium Resolution Wireframe
Join Details.png
Email and Oassword.png
Sign Up.png
Join.png
Contact Us.png
Studio.png
shopping basket.png
Sketch Wireframes
A Collection.png
Artist_emma_profile.png
Studio CreateWithWord.png
Step 1 Option 2
My Collections.png
Home.png
Gallery.png
Studio Stylizer 2.png
Home.png

These are a range of wireframes created to explore the layout of content and approaches to interface design.

Click-through Prototype

I used Invision to create a click-through prototype.

InVision is the visual collaboration platform powering the world's smartest companies. More than 7 million people across global enterprises and small teams. I was able to upload my page designs and test the user journey and flow. Once I had tested the flow, I could make changes to the design of the layout. In this way I was able to evaluate my designs with users.

UX & Interface Design: Text

Demonstration of using the prototype website

UX & Interface Design: Video
  • Facebook
  • Twitter
  • LinkedIn

©2022 by Emma Fossick. Proudly created with Wix.com

bottom of page