From 6842f62737b009c11fe786a09e1a5557622cd197 Mon Sep 17 00:00:00 2001 From: Emil Shanaty Date: Sat, 2 May 2026 12:24:17 +0300 Subject: [PATCH] Initial: 6 landing page portfolio sites with navigation --- README.md | 23 + creative/index.html | 379 ++++++++++ dark-forest/index.html | 680 ++++++++++++++++++ eco-fresh/index.html | 1166 ++++++++++++++++++++++++++++++ index.html | 333 +++++++++ minimalist/index.html | 459 ++++++++++++ modern-dark/index.html | 411 +++++++++++ rustic-wood/index.html | 1529 ++++++++++++++++++++++++++++++++++++++++ 8 files changed, 4980 insertions(+) create mode 100644 README.md create mode 100644 creative/index.html create mode 100644 dark-forest/index.html create mode 100644 eco-fresh/index.html create mode 100644 index.html create mode 100644 minimalist/index.html create mode 100644 modern-dark/index.html create mode 100644 rustic-wood/index.html diff --git a/README.md b/README.md new file mode 100644 index 0000000..b4f1778 --- /dev/null +++ b/README.md @@ -0,0 +1,23 @@ +# Портфолио лендинговых страниц — 6 вариантов сайтов + +Коллекция из 6 лендингов: 3 резюме и 3 сайта аренды недвижимости. + +## Резюме + +| Вариант | Описание | Ссылка | +|---|---|---| +| Минималистичное резюме | Чистая типографика, лаконичный макет | [minimalist/](minimalist/) | +| Современный тёмный | Градиенты, glassmorphism, тёмная тема | [modern-dark/](modern-dark/) | +| Креативное резюме | Смелые акценты, нестандартная сетка | [creative/](creative/) | + +## Аренда недвижимости + +| Вариант | Описание | Ссылка | +|---|---|---| +| Тёмный лес | Тёмная атмосферная тема с лесными мотивами | [dark-forest/](dark-forest/) | +| Эко свежесть | Светлая эко-тема с зелёными акцентами | [eco-fresh/](eco-fresh/) | +| Рустик Вуд | Тёплая деревянная эстетика, уют и природные текстуры | [rustic-wood/](rustic-wood/) | + +## Запуск + +Открыть `index.html` в браузере — портфолио-навигация со ссылками на все 6 сайтов. diff --git a/creative/index.html b/creative/index.html new file mode 100644 index 0000000..3102af6 --- /dev/null +++ b/creative/index.html @@ -0,0 +1,379 @@ + + + + + + Alex Morgan — Creative Technologist + + + + + + + + +
+
Creative Technologist · Product Designer · Full Stack Dev · Creative Technologist · Product Designer · Full Stack Dev ·
+
+
Available for hire
+

Alex
Morgan

+

I design bold digital products and build them with code. Based in San Francisco, working worldwide.

+
+
8+Years
+
50+Shipped
+
40MReached
+
+
+
+ +
+
+
+
+ +

Not your average
designer-developer.

+

I believe great products are born at the intersection of design and engineering. That's why I never chose one — I do both. From design systems at Stripe to early engineering at Vercel, I've worn both hats and learned to speak both languages.

+

When I'm not shipping, I'm exploring creative coding, generative art, and the future of human-computer interaction.

+
+
AM
+
+
+
+ +
+
+ +

Where I've
made impact

+
+
+
2022 — Present
+
+
Senior Product Designer
+
Stripe · San Francisco
+
Led developer dashboard redesign for 4M+ users. Built internal design system adopted across 200+ product surfaces. Reduced onboarding time by 92%.
+
Design SystemsProduct StrategyUX Research
+
+
+
+
2020 — 2022
+
+
Design Engineer
+
Figma · San Francisco
+
Founding member of Design Infrastructure team. Shipped FigJam widget system and interaction patterns still used by millions daily.
+
ReactTypeScriptDesign Infra
+
+
+
+
2018 — 2020
+
+
Frontend Engineer & Designer
+
Vercel · Remote
+
Employee #14. Built marketing site and deployment UI. Helped grow from 50K to 500K users. Established early design culture.
+
Next.jsGrowthBranding
+
+
+
+
2016 — 2018
+
+
Product Designer
+
Linear · Stockholm
+
First design hire. Shaped core product from zero to launch. Created the command palette interaction that became Linear's signature.
+
0→1Interaction Design
+
+
+
+
+
+ +
+
+ +

Tools &
technologies

+
+
+
+
React / Next.js95%
+
+
+
+
TypeScript92%
+
+
+
+
Design Systems98%
+
+
+
+
Figma96%
+
+
+
+
+
+
Node.js / Backend85%
+
+
+
+
Motion / Animation88%
+
+
+
+
User Research90%
+
+
+
+
Creative Coding82%
+
+
+
+
+
+
+ +
+
+

Got a project?
Let's talk. Say hi →

+ alex@alexmorgan.io + +
+
+ + + + + + \ No newline at end of file diff --git a/dark-forest/index.html b/dark-forest/index.html new file mode 100644 index 0000000..ce943d3 --- /dev/null +++ b/dark-forest/index.html @@ -0,0 +1,680 @@ + + + + + + Станция Сосновая — аренда у Переславского озера + + + + + + + + +
+
+ Переславль-Залесский · Ярославская область +

Станция Сосновая

+

Усадьба в сосновом бору на берегу Плещеева озера

+ Забронировать +
+
+ + +
+
+
+
+ + + + + + Главное фото усадьбы +
+
+ Об усадьбе +

Тишина леса,
дыхание воды

+
+

+ Станция Сосновая — уединённое поместье в окружении вековых сосен, + в нескольких минутах пешком от берега Плещеева озера. + Здесь нет городского шума — только треск костра, пение птиц и запах смолы. +

+

+ Усадьба подходит для семейного отдыха, дружеских выездов и тихих выходных вдали от суеты. + Природа Переславля известна особой атмосферой: чистый воздух, + нетронутый лес, исторические окрестности. +

+

+ Мы позаботились о том, чтобы вам было уютно в любое время года — + весной, летом, осенью и зимой усадьба живёт своей особенной красотой. +

+
+
+
25
+
соток леса
+
+
+
5
+
мин до озера
+
+
+
140
+
км от Москвы
+
+
+
+
+
+
+ + + + + +
+
+ Инфраструктура +

Всё для настоящего отдыха

+
+
+ +
+
+ + + + + Фото объекта +
+
+

Беседка

+

Просторная деревянная беседка на 14 человек у кромки леса. Идеально для долгих вечеров под звуки природы.

+
+
+ +
+
+ + + + + + Фото объекта +
+
+

Барбекю

+

Мангальная зона с кирпичным барбекю, рабочим столом и разделочной поверхностью. Дрова и принадлежности — в наличии.

+
+
+ +
+
+ + + + + Фото объекта +
+
+

Детская

+

Площадка с горкой, качелями и песочницей. Мягкое безопасное покрытие, хорошо видна из беседки.

+
+
+ +
+
+ + + + + + Фото объекта +
+
+

Парковка

+

Охраняемая стоянка на 6 автомобилей с удобным въездом и ночным освещением.

+
+
+ +
+
+
+ + +
+
+ Стоимость аренды +

Тарифы

+
+
+ +
+

Будний день

+
3 500
+

за сутки · Пн–Чт

+
    +
  • Весь участок в аренду
  • +
  • Беседка включена
  • +
  • Парковка включена
  • +
  • Дрова — 500 ₽/вязанка
  • +
+ Забронировать +
+ +
+

Выходной день

+
5 500
+

за сутки · Пт–Вс

+
    +
  • Весь участок в аренду
  • +
  • Беседка включена
  • +
  • Парковка включена
  • +
  • 1 вязанка дров в подарок
  • +
  • Приоритетная поддержка
  • +
+ Забронировать +
+ +
+

Неделя

+
28 000
+

за 7 суток · скидка ~28%

+
    +
  • Весь участок в аренду
  • +
  • Беседка включена
  • +
  • Парковка включена
  • +
  • 5 вязанок дров в подарок
  • +
  • Уборка включена
  • +
+ Забронировать +
+ +
+

Минимальный срок — 1 сутки. Залог 2 000 ₽ возвращается при выезде. Оплата наличными или переводом.

+
+
+ + +
+
+ Контакты +

Свяжитесь с нами

+
+
+ +
+
+
+ +
+
+
Телефон / WhatsApp
+ +
+
+ +
+
+ +
+
+
Электронная почта
+ +
+
+ +
+
+ +
+
+
Адрес
+
Ярославская обл., Переславский р-н,
д. Сосновка, ул. Лесная, 4
+
+
+ +
+
+ +
+
+
Режим работы
+
Ежедневно, 9:00 — 21:00
+
+
+ + Позвонить сейчас +
+ +
+ + + + + Карта · Переславль-Залесский + Место для встраивания Яндекс.Карт +
+ +
+
+
+ + + + + + + diff --git a/eco-fresh/index.html b/eco-fresh/index.html new file mode 100644 index 0000000..6580a6d --- /dev/null +++ b/eco-fresh/index.html @@ -0,0 +1,1166 @@ + + + + + + Станция Сосновая — Аренда у озера + + + + + + + + + +
+
+
+
Аренда у озера
+

Станция
Сосновая

+

+ Уединённый отдых среди соснового леса на берегу Плещеева озера под Переславлем-Залесским. + Свежий воздух, тишина и тёплая компания природы. +

+ +
+
+
15 мин
+
до центра города
+
+
+
2 га
+
природной территории
+
+
+
до 20
+
гостей одновременно
+
+
+
+ +
+
+ + + + + + + +
+
+
+ + + + +
+
+ Семейный отдых + Место для всей семьи +
+
+
+ 5★ + Рейтинг гостей +
+
+
+
+ + + + + +
+
+
+ +

Всё для комфортного отдыха

+

Продуманная территория, где каждая деталь создаёт атмосферу уюта и свободы.

+
+ +
+
+
+ + + + + +
+

Уютная беседка

+

Просторная крытая беседка с большим столом и лавками — идеальное место для застолий в любую погоду.

+
+ +
+
+ + + + + +
+

Зона барбекю

+

Мангал и гриль с зоной отдыха, стол и лавки рядом. Угли и розжиг в комплекте — только привезите мясо.

+
+ +
+
+ + + + + + +
+

Детская площадка

+

Качели, горка и лазалка в тени сосен. Мягкое покрытие, безопасное пространство для маленьких гостей.

+
+ +
+
+ + + + + + +
+

Парковка

+

Вместительная закрытая парковка на территории. Место для нескольких автомобилей, въезд со шлагбаумом.

+
+
+
+
+ + +
+
+ +

Прозрачные тарифы

+

Без скрытых доплат. Стоимость включает все базовые удобства и уборку.

+
+ +
+
+
Будни
+
от 3 500
+
за сутки · пн–чт
+
+
    +
  • Вся территория в аренду
  • +
  • Беседка и зона барбекю
  • +
  • Детская площадка
  • +
  • Парковка включена
  • +
  • До 10 гостей
  • +
+ Узнать детали +
+ + + +
+
Мероприятие
+
от 12 000
+
за день · любой день недели
+
+
    +
  • День рождения / корпоратив
  • +
  • Полная территория
  • +
  • Помощь с организацией
  • +
  • Гибкое время аренды
  • +
  • До 40 гостей
  • +
+ Обсудить детали +
+
+ +
+ Залог: при бронировании вносится предоплата 30% от стоимости аренды. Полная оплата — в день заезда. + Минимальный срок аренды — 1 сутки. Заезд с 14:00, выезд до 12:00. +
+
+ + +
+
+ +

Свяжитесь с нами

+

Ответим на вопросы и поможем выбрать подходящую дату для вашего отдыха.

+
+ +
+
+
+
+ + + +
+
+ Телефон + +7 (XXX) XXX-XX-XX +
+
+ +
+
+ + + + +
+
+ Email + info@sosnovaya.ru +
+
+ +
+
+ + + + +
+
+ Адрес + Ярославская область,
Переславль-Залесский район,
поблизости от Плещеева озера
+
+
+ +
+
+ + + + +
+
+ Режим работы + Ежедневно · 09:00–21:00 +
+
+
+ +
+
+ + + + + + Карта проезда
будет здесь
+
+
+
+
+ + + + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..6d7d7a6 --- /dev/null +++ b/index.html @@ -0,0 +1,333 @@ + + + + + + Портфолио + + + + +
+ Web Development +

Портфолио

+

6 лендинговых страниц — резюме и аренда недвижимости

+
+ + +
+ + +
+ + +
+ + +
+ + + + + diff --git a/minimalist/index.html b/minimalist/index.html new file mode 100644 index 0000000..4d60e00 --- /dev/null +++ b/minimalist/index.html @@ -0,0 +1,459 @@ + + + + + + Alex Morgan — Product Designer & Developer + + + + + + + + + + +
+
+

Product Designer · Full Stack Developer

+

Alex
Morgan

+

I craft digital products that sit at the intersection of thoughtful design and robust engineering — from zero to ship.

+ +
+ + + San Francisco, CA + + Open to roles + alex@alexmorgan.io +
+
+
+ + +
+
+ +

Designing systems,
not just screens

+
+
+

I'm a hybrid designer-developer with eight years of experience building products used by millions. I started as a visual designer, fell in love with code, and never looked back.

+

My work spans design systems, developer tools, and consumer products. I believe the best digital experiences come from teams where design and engineering speak the same language — so I learned both.

+

Previously at Stripe, Figma, and Vercel. Now exploring what's next.

+
+
+
+ 8+ + Years of experience +
+
+ 40M + Users reached +
+
+ 3 + YC-backed startups +
+
+ 12 + Design systems shipped +
+
+
+
+
+ + +
+
+ +

Where I've worked

+
+
+ 2022 — Present +
+
Stripe
+
Senior Product Designer
+

Led design for Stripe's developer dashboard, serving 4M+ developers. Rebuilt the onboarding flow, reducing time-to-first-payment from 3 days to 4 hours. Co-created the internal design system used across 200+ product surfaces.

+
+
+
+ 2020 — 2022 +
+
Figma
+
Design Engineer
+

Bridged the gap between the design and engineering teams as a founding member of the Design Infrastructure team. Shipped FigJam's collaborative widgets system and contributed core interaction patterns still in use today.

+
+
+
+ 2018 — 2020 +
+
Vercel
+
Frontend Engineer & Designer
+

Early employee (#14) responsible for the vercel.com marketing site and the initial version of the deployment UI. Helped grow the platform from 50K to 500K users through iterative product improvements.

+
+
+
+ 2016 — 2018 +
+
Linear
+
Product Designer
+

Joined as the first designer. Shaped the core product experience — issue tracking, project views, and the command palette that became Linear's signature interaction — from concept through launch.

+
+
+
+
+
+ + +
+
+ +

What I bring

+
+
+

Design

+
    +
  • Product Design
  • +
  • Design Systems
  • +
  • User Research
  • +
  • Interaction Design
  • +
  • Figma / Sketch
  • +
  • Prototyping
  • +
+
+
+

Engineering

+
    +
  • React / Next.js
  • +
  • TypeScript
  • +
  • Node.js
  • +
  • GraphQL
  • +
  • Postgres / Prisma
  • +
  • Tailwind CSS
  • +
+
+
+

Leadership

+
    +
  • Design Direction
  • +
  • Team Mentoring
  • +
  • Roadmap Planning
  • +
  • Stakeholder Comms
  • +
  • Cross-functional Work
  • +
  • Design Critique
  • +
+
+
+
+
+ + +
+ +
+ + + + + + diff --git a/modern-dark/index.html b/modern-dark/index.html new file mode 100644 index 0000000..3467112 --- /dev/null +++ b/modern-dark/index.html @@ -0,0 +1,411 @@ + + + + + + Alex Morgan — Developer & Designer + + + + + +
+
+ + + +
+
+
Open to new opportunities
+

Alex
Morgan

+

Full-stack developer and product designer building performant, accessible, and beautiful digital experiences.

+
+
+ 8+ + Years +
+
+ 50+ + Projects +
+
+ 40M + Users +
+
+ +
+
+ +
+
+
+ +

Bridging design & engineering

+
+
+

+ I started as a frontend engineer, but my obsession with detail pulled me into design. Today I work across the full stack — from pixel-perfect UI to scalable backend architecture. I've shipped products at Stripe, Figma, and Vercel, and I'm always chasing the next challenging problem. +

+
+

Currently

+

Senior Product Designer at Stripe, focusing on developer experience and design systems. Living in San Francisco, open to remote.

+
+
+
+
+ +
+
+
+ +

Career journey

+
+
+
+

2022 — Present

+

Senior Product Designer

+

Stripe

+

Leading design for developer dashboard. Reduced onboarding time from 3 days to 4 hours. Built internal design system adopted by 200+ surfaces.

+
+
+

2020 — 2022

+

Design Engineer

+

Figma

+

Founding member of Design Infrastructure team. Shipped FigJam widgets system and core interaction patterns still in use today.

+
+
+

2018 — 2020

+

Frontend Engineer & Designer

+

Vercel

+

Early employee (#14). Built vercel.com and deployment UI. Grew platform from 50K to 500K users through rapid iteration.

+
+
+

2016 — 2018

+

Product Designer

+

Linear

+

First designer. Shaped issue tracking, project views, and the command palette that became Linear's signature interaction.

+
+
+
+
+ +
+
+
+ +

Tech stack

+
+
+
+

Frontend

+
+ React + Next.js + TypeScript + Tailwind + Three.js + Framer Motion +
+
+
+

Backend

+
+ Node.js + PostgreSQL + GraphQL + Redis + Docker + AWS +
+
+
+

Design

+
+ Figma + Design Systems + Motion + Prototyping + User Research +
+
+
+

Tools

+
+ Git + CI/CD + Storybook + Vercel + Notion +
+
+
+
+
+ +
+
+
+

Let's build something extraordinary

+

Open for freelance, consulting, and full-time roles.

+ +
+
+
+ + + + diff --git a/rustic-wood/index.html b/rustic-wood/index.html new file mode 100644 index 0000000..2d566a5 --- /dev/null +++ b/rustic-wood/index.html @@ -0,0 +1,1529 @@ + + + + + + Станция Сосновая — Аренда у озера + + + + + + + + + + + +
+
Переславль-Залесский · Природа · Отдых
+

+ Станция
Сосновая +

+

+ Уютная усадьба у озера в окружении вековых сосен. + Семейный отдых, живой огонь и лесная тишина — в двух часах от Москвы. +

+
+ Забронировать + Смотреть фото +
+
прокрутить
+
+ + +
+
+
+ +

Место, где время
замедляется

+

+ Станция Сосновая — частная усадьба на берегу Плещеева озера, + окружённая густым сосновым бором. Здесь нет суеты большого города — + только запах смолы, пение птиц и треск дров в очаге. +

+

+ Мы принимаем семьи и небольшие компании, которые ценят настоящий + отдых на природе: с баней, барбекю, вечерними кострами и утренней + рыбалкой прямо с берега. +

+
+
+
🌲
+
+ Сосновый бор + Прямо у порога +
+
+
+
🏖️
+
+ Берег озера + 150 м от усадьбы +
+
+
+
🔥
+
+ Баня и костёр + Каждый вечер +
+
+
+
🚗
+
+ 2 часа от Москвы + По трассе М8 +
+
+
+
+
+
Фото усадьбы
+
+
10+
+
лет принимаем гостей
+
+
+
+
+ + + + + +
+
+ +

Всё для комфортного отдыха

+

+ На территории усадьбы — всё необходимое для отдыха с детьми, + шашлыков с друзьями и уединённых вечеров у огня. +

+
+ +
+
🏡
+
+

Уютная беседка

+

+ Крытая беседка на 12 человек с деревянными столами + и лавками. Идеально для семейных ужинов под открытым небом + в любую погоду. +

+
+
+ +
+
🔥
+
+

Зона барбекю

+

+ Мангал, решётка-гриль и казан — всё оборудование + для приготовления еды на открытом огне. Дрова + в стоимость включены. +

+
+
+ +
+
🛝
+
+

Детская площадка

+

+ Горка, качели, песочница и лестница на дерево. + Дети в полной безопасности — площадка огорожена + и видна из беседки. +

+
+
+ +
+
🚗
+
+

Парковка

+

+ Охраняемая парковка на 6 автомобилей прямо + на территории. Въездные ворота с кодовым замком, + видеонаблюдение. +

+
+
+ +
+
+
+ + +
+
+ +

Прозрачные цены

+

+ Фиксированная стоимость без скрытых доплат. Минимальный заезд — 2 ночи. + Бронирование за 50% предоплату. +

+
+ +
+

Будни

+

8 500

+

₽ за сутки

+
    +
  • До 8 человек
  • +
  • Беседка и мангал
  • +
  • Парковка включена
  • +
  • Дрова в подарок
  • +
+ Забронировать +
+ + + +
+

Неделя

+

52 000

+

₽ за 7 ночей

+
    +
  • До 12 человек
  • +
  • Все удобства
  • +
  • Скидка ~38%
  • +
  • Приоритетное заселение
  • +
+ Уточнить даты +
+ +
+

+ Залог: 3 000 ₽ возвращается при выезде · + Заезд: с 14:00 · + Выезд: до 12:00 · + Возможна аренда под мероприятие — позвоните нам +

+
+
+ + +
+
+ +

Говорят наши гости

+
+ +
+
★★★★★
+ Приезжали с детьми на три дня — дети до сих пор вспоминают. Берёза у беседки, запах сосен, баня каждый вечер. Лучший отдых за годы! +

— Анна К., Москва

+
+ +
+
★★★★★
+ Тихое, уютное место. Хозяева очень внимательные — встретили, показали всё, оставили дрова. Озеро в шаговой доступности, рыбалка утром — просто сказка. +

— Дмитрий В., Ярославль

+
+ +
+
★★★★★
+ Были компанией 10 человек на выходных. Места хватило всем! Барбекю, беседка, костёр до утра — всё очень атмосферно. Уже планируем повторить. +

— Сергей М., Санкт-Петербург

+
+ +
+
+
+ + +
+
+ +

Бронирование и вопросы

+
+ +
+

Мы ответим
в течение часа

+ +
+
📞
+
+ Телефон + +7 (XXX) XXX-XX-XX +
+
+ +
+
📍
+
+ Адрес + Ярославская область,
Переславль-Залесский р-н,
пос. Сосновый, ул. Лесная, д. 7
+
+
+ +
+
🕐
+
+ Заезд / Выезд + Заезд с 14:00 · Выезд до 12:00
Поздний выезд по договорённости
+
+
+ +
+
💬
+
+ Мессенджеры + WhatsApp · Telegram
по тому же номеру
+
+
+ +
+
+
+

Станция Сосновая

+ Переславль-Залесский, Ярославская обл. +
+
+
+ +
+

Отправить запрос на бронирование

+
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+
+ + +
+ +

+ Нажимая кнопку, вы соглашаетесь на обработку персональных данных +

+
+ +
+
+
+ + + + + +