Stock Trading Website Design (Fixed price 50$)
£20-250 GBP
Paid on delivery
I need a clean, responsive and intuitive design for a trading website
You will provide the responsive html page/pages for desktop and mobile
There will be no inline css, only classes in html.
You will provide the css file/files that contains the theme. Only html, css, bootstrap, jQuery (and if you want, Vue 2) is allowed. Don't use material or other frameworks. Don't use site builders, unreasonable extra css or htlm div elements are not acceptable.
No javascript / logic is expected, but you have to show how each modal will look on desktop and on mobile. For mobile view the modals content can be shown as full screen page, if you think it looks better.
Check the description below, if elements are missing from any view I can't accept/pay the job because adding elements means that the look/layout is destroyed. We can have a call whenever you need.
The page will contain the elements described below:
- Page header
- Grid of cards
- Price alert editor (modal),
- Symbols list editor (modal),
- Symbols list selector (modal)
Please read the acceptance criteria below:
Price alert editor (modal)
To allow users to set a price alert
- has title: "AMZN alert"
- has a link to: "Buy or sell"
- has a full-wide range selector
- has summary: "When ZYME gains 3%"
- has summary details: "From 12.01 up to 12.37"
- has info: "Choose how to notify you"
- has checkbox options: "Browser", "Mobile","Email"
- has close button: "Close"
- has save button: "Save"
Symbols list editor (modal)
To allow users to define a list of symbols
- has title: "Tech symbols"
- can swith to editable to allow user to change the title. Save or cancel to exit edit mode.
- do not show as input field when not in edit mode
- has close button: "Close"
- has save button: "Save"
- has an option to: "Delete this list"
- has search to search for available symbols
- list available symbols when start searching
- do only top 10 available symbols. No scroll.
- each available option has an "Add" button.
- user this available symbols dummy data:
[
{ "AMD", "Advanced Micro Devices Inc."},
{ "CCL", "Carnival Corporation"},
{ "MSFT", "Microsoft Corporation"},
]
- for the items in the list use this dummy data:
[
{ "AMD", "197.26"},
{ "CCL", "22.12"},
{ "MSFT", "345.29"},
]
Symbols list selector (modal)
Allow user to select one of the symbol lists he created
- has title: "Symbol Lists Selector"
- has button: "New list" or "Create list"
- has save button: "Close"
- has link to: "See all symbol lists"
- has search
- use this dummy data for the list of symbol lists
[
{ "Tech symbols", "10 symbols"},
{ "My favorites", "3 symbols"},
{ "Top gainers", "7 symbols"},
]
- each entry has a trash icon to delete the list
- each entry has the list name and number of symbols it contains
Page header
- has home icon and company label: "Company-Home"
- has account badge containing user initials: "st"
- has option to: "Log Out"
Grid of cards
Is the body of the page
- has option to: "Select list"
- if list is already selected show the symbols list name: "Tech symbols"
- how will user remove the selected list? Add the icon or button to remove it to return to "Select list" state.
- has search
- has extra options revealed when a button/icon is clicked (feel free to use one or another).
- extra options are 5 buttons: "Sort by volume", "Sort by change", "Sort by name", "Sort by price", "Default"
- use fixed width cards to be easy. Don't worry for extra space around cards.
- has 5 cards / row on desktop and 1 card / row on mobile
- each card has a title, use "Card Title" for demo.
- each card has a fixed height
- cards have no content, leave them blank
Project ID: #37830360
About the project
Awarded to:
Hello, Looking for clean, responsive and intuitive Stock Trading Website Design I have got you covered! I am Imran, a professional web developer and designer with over 10 years of experience creating pixel-perfec More
21 freelancers are bidding on average £157 for this job
" Design a clean, responsive and intuitive design for a trading website " sir i read your project brief and I will do your project Please review my similar portfolio https://www.freelancer.com/u/nabeelawais83 More
Hello I have read your project details that's pretty simple for me am sure I can do this but I have some questions to ask so Please send me a message so that we can discuss more. Please review my similar portfolio:http More
Hello there, I'm excited to work on your trading website, ensuring it's clean, responsive, and intuitive. I'll provide HTML pages with responsive design for both desktop and mobile, adhering strictly to your guidelines More
Hi. Glad to apply to your project. I just read your job description very carefully. As a TOP DEVELOPER, I am confident in the job you want. I have experience with Web-Design with Figma and Wix for JavaScript ,HTML, CS More
With over 7 yeras of experience in the web development industry, I can assure you that I possess the necessary skills and technical expertise to design an excellent stock trading website for you. My proficiency in HTML More
Hi I read all the above details, and i will do all type of design, Development, Testing & Automation, SEO, Animation, Video editing work. i will give you many reviews with 24 hours support. i can provide you 1 month More
Hello Otb E.. This is Matt from the United States and I have been working on this industry for the last decades. I have checked your project is about Stock Trading Website Design and I am sure that I can fulfill your r More
Hi! My name is Irfan and I'm here to offer you my services as a skilled applicant with over a decade of experience working on Freelancer.com. I believe I am the best fit candidate for this project due to my extensive More
