Skip to content

Full Screen UI for Infragram Tool and proposal for new logo design [ Outreachy Applicant'22 ] #400

@Paridhicodes

Description

@Paridhicodes

Hi, I have designed a full screen UI for the Infragram tool and proposed a new logo design.

I, hereby describe the UI designed by me:

  • The bottom left corner shows four options bulleted by a bulb icon. These options redirect the user to the respective web pages. The Q and A option scrolls down to the Q and A section.
  • The top left corner beneath the infragram logo has options to save, download and share(read from left to right).
  • The center dotted area is meant for uploading images.
  • The selection pane designed to the right has selection of options at its extreme right. The selected option will be visible highlighted (as the preset button). For each button, we need to select from options meant for it. Several components that would be used to design sub-options including dropdown, slider, text have been shown.
  • The cancel button takes you to the next option in the right pane in order. Eg. Clicking on cancel in Preset will take you to Analyze.

Tool and header section:

infragram_page1

Q and A and footer section:

infragram_page2

Logo Design:

logo_4 0

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions