webové stránky | loga | vizitky |

O NÁS

V současnosti

Web Developer | Designer | Freelancer
Přijímáme nové projekty.

Nabízíme vývoj pixel-perfectních responzivních webových stránek, které fungují ve všech prohlížečích a na všech velikostech obrazovek, včetně mobilních zařízení. Navíc jsme nedávno rozšířili své schopnosti o návrh log a bannerů pro sociální média. Naše unikátní vizitka s QR kódem je také již nějakou dobu velmi oblíbená.

Dříve

Front End Web Developer | full-time
Continuum IT Managed Services, Boston

Pracovala jsem ve společnosti s více než 1400 zaměstnanci. Přímo jsem podporovala více než 20 zaměstnanců. Úzce jsem spolupracovala s UX designéry, producenty videí a specialisty na SEO. Vytvářela jsem mnoho webových aktiv včetně webových stránek, landing pages a emailových šablon.


Web Development Immersive
General Assembly, Boston

Dokončila jsem 12-týdenní intenzivní výcvikový program v plně spolupracujícím profesionálním prostředí. Naučila jsem se nejefektivnější postupy pro vývoj full-stack webových aplikací a seznámila jsem se s nástroji jako GitHub a dalšími, abych úspěšně dokončila projektové úkoly. Můžete se podívat na mou práci na GitHubu.

Dovednosti

HTML5|
CSS3|
Bootstrap4|
jQuery|
JavaScript|
Sketch|
Balsamiq|
Zeplin|
Wistia|
HubSpot|
SnapEngage|
Attendify|

Dřívější práce

Příklad produktové stránky

Product Page After

Použila jsem Flexbox CSS k vytvoření plynulého a precizního rozvržení spolu s klikacími a automatickými posuvníky na mobilních zařízeních, abych využila dostupný prostor co nejefektivněji. Do stránky jsem také vložila responsivní video z platformy Wistia.

Firemní Homepage - 2018

Company Home Page

Hlavní stránka společnosti prošla mnoha redesigny. Tento je z roku 2018. Všimněte si designu "předtím". Použila jsem GIF obrázek uvnitř jako ukázku platformy produktu.

Navigate User Conference - Hub Stations

Navigate Conference Landing Page

Created landing page to let our partners book an appointment through calendly plugin at our promoted stations here at Boston Seaport in 2018.

Navigate uživatelská konference - Homepage

Navigate User Conference Homepage

Naprogramovala jsem webové stránky pro naši každoroční uživatelskou konferenci - letos v Boston Seaport. Použila jsem CTAs, Wistia video a otestovala jsem layout na všech zařízeních. Použila jsem plugin pro odpočítávání dnů a RSS feed.

Navigate User Conference - Speakers

Navigate User Conference Speakers

Použila jsem Bootstrap pro layout a také CSS floats a Attendify pro výpis řečníků a pro CTA "Zaregistrujte se nyní".

Navigate User Conference - Agenda

Navigate User Conference Speakers

Vyvinula jsem stylový responzivní layout dle návrhu. Každá záložka poskytuje účastníkům informace o programu. Pro zobrazení těchto dat jsem použil externí plugin.

LANDING PAGE - WEBINÁŘ

Landing Page - Webinar

Podporovala jsem content team při vytváření různých webových aktiv. Webinář má dvě fáze - první landing page obsahuje datum a čas registrace na webinář s jiným formulářem pro sběr správných dat. Formulář je hostován v HubSpot. Po skončení webináře se převede na verzi "on-demand" a obsahuje jiný formulář, který musí uživatel vyplnit, aby získal záznam webináře.

THANK YOU PAGE - WEBINÁŘ

Thank you Page - Webinar

Podporovala jsem content team při vytváření různých webových aktiv. Jedná se o druhou část, kdy uživatel vyplní formulář na stránce pro webový seminář, dostane se na tuto stránku, kde může sledovat nahrávky. Použila jsem responsivní JavaScript plugin pro vložení Wistia.

LANDING PAGE - WHITE PAPER

White paper - Webinar

Podporovala jsem content team při vytváření různých webových aktiv. Postup uživatele je následující - uživatel vyplní formulář a na druhé stránce získá pod CTA odkaz na PDF s e-knihou.

THANK YOU PAGE - WHITE PAPER

Thank You Page - White Paper

Podporovala jsem content team při vytváření různých webových aktiv. Uživatel klikne na tlačítko "Stáhněte Váš materiál" a získá PDF s obsahem. Druhý obsah propaguje webový seminář, pro který se mohou uživatelé registrovat. Formulář je hostován v HubSpotu.

Příklad emailové šablony

Email Template Example

Podporovala jsem content team při vytváření různých webových aktiv. Vytvořila jsem tuto e-mailový šablonu podle designového návrhu. Otestovala jsem ji na 100 e-mailových klientech, abych ověřila, že se veškerý obsah zobrazuje správně.

Pouze ukázky

Full stack web application - apis highlights hockey

Full-stack webová aplikace, která využívá YouTube API k vyhledávání toho nejlepšího z NHL. Směrovala jsem HTTP požadavky na server YouTube přes serverový jazyk Ruby on Rails jako standardní praxi. Na straně front-endu jsem použila Ember.js a handlebars. Uživatelé mohou přidávat ty nejlepší ukázky do "oblíbených", které jsou ukládány na serveru v PostgreSQL databázi. Poté je mohou později sledovat nebo smazat vybrané ukázky.

Nástroj pro dotazníky

Full stack web application - SURVEY TOOL

Full-stack webová aplikace, která může být použita pro vytváření vlastních průzkumů a sběr odpovědí na dashboardu pro konkrétní průzkumy. Byl to první projekt v týmu - spolupráce na programování v páru, rozhodování pod tlakem a postupné směřování k prezentaci. Na straně front-endu jsme použili html5, css3, Bootstrap, Handlebars, JavaScript, JQuery a AJAX. Data jsme ukládali v MongoDB a používali jsme Express.js, JavaScript a Heroku.

FOB příběhy

Full stack web application - A BLOG

Vyvinula jsem jednostránkovou webovou aplikaci full-stack jménem FOB příběhy - Fresh Of The Boat příběhy - blog. FOBs jsou označení pro uživatele, kteří se zaregistrují a vytvoří krátký vtipný příběh o lidech, kteří nedávno emigrovali. Použila jsem JavaScript, AJAX, JQuery, html5, css3 a Bootstrap na straně front-endu a Ruby on Rails a PostgreSQL na straně back-endu. Poprvé jsem to také nahrála na Heroku.

Hra piškvorky v prohlížeči

Full stack web application - A BLOG

Moje první full-stack webová aplikace. Vytvořila jsem uživatelské rozhraní a základní herní logiku pro populární hru Piškvorky. Poprvé jsem použila JavaScript pro celý projekt a také AJAX. Použila jsem také html5, CSS3, Sass a Bootstrap modaly, jumbotron a responzivní navigaci. Protože to byl můj první projekt, získala jsem API poskytnuté školou. Poprvé jsem také nasadila živou verzi na gh-pages. Dostala jsem od školy i ověřování uživatele.