Technical task for the development of a landing page with a personal account, payment, and lottery system based on the already prepared design in figma
- General information
We have changed our previous technical requirements:
as of today, we are not tied to any specific technologies or programming languages.
We will consider all possible implementation options — from WordPress, Laravel, Webflow, Tilda or other CMS/no-code solutions to full custom development on Go and Next.js. The main thing is the ability to further edit texts and change images on the site through the admin panel.
The technologies Go (Golang) and Next.js (React) are preferred, as the main project will be built on this stack in the future. However, we are open to proposals using any other technologies if they ensure stability and speed of development.
The goal is to create a modern, fast, and secure landing page with a personal account, payment, and lottery system, which will be part of a future large-scale project.
ATTENTION! WE ARE GUIDED EXCLUSIVELY BY THE DESIGN (only a minimal amount of functionality from the personal account design is required as specified in the technical task below and discussed personally, the provided design of the personal account from the main project)
2. Placement structure
The site must be hosted on subdomains of the main domain in the format:
- https://yoursitename.com/landing/ — presale page (project presentation, collection of contacts or investment applications);
- https://yoursitename.com/lottery/ — lottery page (information about current/past lotteries, participation form, code entry).
3. Project description
A landing page needs to be developed with integrated key features:
- user registration and authorization;
- user personal account;
- online payment;
- lottery system where users enter codes (numbers) received for purchases of goods or services.
The design will be provided in Figma.
4. Goals and objectives
- Create two interconnected main pages plus auxiliary ones with a unified branding and design.
- Ensure maximum conversion through thoughtful UX.
- Implement personal account, payment integration, and lottery system.
- Ensure responsiveness, SEO optimization, analytics, and connection to CRM (if necessary).
- Create an architecture that can be scaled and expanded in the future.
5. Main functionality
Landing (/landing)
- Main screen: logo, description, CTA button (“Participate”, “Learn more”, etc.).
- Project description, its advantages, and value.
- How it works — step-by-step scheme or video.
- “Partners / Team” block.
- Call to action + contact collection form.
- Footer with contacts, social media, privacy policy.
Lottery page (/lottery)
- Information about current lotteries (name, description, conditions, prizes).
- Participation form (name, email or phone, consent).
- Code entry for participation in the specified format.
- Code validity check.
- Automatic or manual selection of winners (most likely not needed, as we plan to use third-party unbiased resources for transparency in conducting lotteries, but we will consider possibilities in this direction proposed by you, if any).
Registration and authorization
- Registration via email or phone.
- Email/SMS confirmation (if possible), or preferably via email.
- Secure authorization via JWT or another token mechanism.
User personal account
- View profile, purchase history, codes, and lottery participations.
- Code entry mechanism.
- Notifications about winnings.
- Payment history.
- Optionally — bonus program or participant status.
Payments
- Integration of payment system (LiqPay, Fondy or others – we will choose one that is the simplest, most likely LiqPay).
- Ability to pay for participation or purchases online.
- Display of transaction history in the user account.
Admin panel
(can be implemented on a ready-made framework or CMS)
- Management of users, lotteries, codes, payments.
- Viewing statistics and reports.
- Editing landing content.
6. Technical requirements
Frontend
- Preferred: Next.js (React) — for compatibility with the main project.
- Alternatively: any modern technologies or CMS (WordPress, Webflow, Tilda, Vue.js, etc.).
- Responsive, modern layout (mobile-first).
- Speed optimization, SEO structure, analytics integration.
- Design — from Figma.
Backend
- Preferred: Go (Golang) — as the main technology of the main project.
- Alternatively: Laravel, Node.js, PHP, Python, etc.
- API: REST or GraphQL.
- Database: PostgreSQL or MySQL.
- Secure authorization (JWT, CSRF/XSS protection).
- Integration with payment systems, analytics, email/SMS services.
7. Admin panel
- Simple and user-friendly interface for managing content, users, lotteries, payments.
- Ready-made solutions can be used (React Admin, Refine, WordPress Dashboard, etc.).
8. Work result
- Fully ready, tested MVP:
- osnovnuydomen.com/landing/ — presale page;
- osnovnuydomen.com/lottery/ — lottery page;
- user personal account;
- admin panel for management.
- Documentation describing the architecture and launch instructions.
- Transfer of source files and accesses and hosting on the main domain + checking functionality.
9. Requirements for the performer
- Experience in developing landing pages, user accounts, and payment integrations.
- Knowledge of secure data handling practices.
- Experience with Go and Next.js will be an advantage.
10. Estimated terms
- 2–3 weeks (depending on the chosen technologies and scope of work – we are not in a hurry).
11. What to specify in the feedback
- Examples of implemented projects.
- Experience in integrating payment systems.
- Proposals regarding architecture (which stack you consider optimal and why).
- Estimated terms and cost of implementation.