[RUBY] [Purchase agency service individual development --No.009] Figma will be used to improve the switching and design of companies.

Issue

Overview

As shown in the figure below, the company switching and design were not decided, so I reconsidered.

image.png

Prototype with Figma

UI details

After switching companies, go to the order screen. Figma Prototype

image.png

Design of each page

Tailwind UI

Company switching screen

image.png

Order screen

image.png

Company details screen

image.png

Recommended Posts

[Purchase agency service individual development --No.009] Figma will be used to improve the switching and design of companies.
[Purchase agency service individual development --No.010] Go to the company switching screen, company details screen, and order screen after company switching
[Purchase agency service individual development --No.011] Create a link to the order list on the company management screen
[Purchase agency service personal development --No.008] Introduce ActionView :: Component and adapt the navigation bar to the full screen
I tried to summarize the key points of gRPC design and development
[Purchase agency service personal development --No.012] Dropdown implemented in JS
HTML was made into a common part with Thymeleaf to unify the design and improve development efficiency.